在html中如何让一段文字的一部分内容加粗

在html页面中 , 可以使用css中的font-weight属性来设置文字加粗 。 下面小编举例讲解在html中如何让一段文字的一部分内容加粗 。

在html中如何让一段文字的一部分内容加粗

文章插图

需要这些哦
css+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解在html中若何让一段文字的一部门内容加粗 。
在html中如何让一段文字的一部分内容加粗

文章插图

2在test.html文件中 , 利用p标签建立一行文字 , 用于测试 。
在html中如何让一段文字的一部分内容加粗

文章插图

3在test.html文件中 , 给p标签里面要加粗的文字添加一个span标签 。
在html中如何让一段文字的一部分内容加粗

文章插图

4【在html中如何让一段文字的一部分内容加粗】在test.html文件中 , 设置span标签的class属性值为mybold 。
在html中如何让一段文字的一部分内容加粗

文章插图

5在css标签内 , 经由过程class设置span的样式 , 将font-weight属性设置为bold的 , 实现加粗显示 。
在html中如何让一段文字的一部分内容加粗

文章插图

6在浏览器打开test.html文件 , 查看实现的结果 。
在html中如何让一段文字的一部分内容加粗

文章插图

总结:11、利用p标签建立一行文字 , 给p标签里面要加粗的文字添加一个span标签 。 2、设置span标签的class属性值为mybold 。 3、经由过程class设置span的样式 , 将font-weight属性设置为bold的 , 实现加粗显示 。


以上内容就是在html中如何让一段文字的一部分内容加粗的内容啦 , 希望对你有所帮助哦!

    推荐阅读