css设置文字加粗的方法

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体,颜色,位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

css中可使用粗细属性设置文字加粗,只需要给元素添加“粗细:大胆|大胆”样式即可,值“大胆”定义粗体字符,“大胆”定义更粗的字符;还可设置值为700800年或900年来实现加粗即可。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

<强>在css中,可以使用粗细属性来设置文字加粗效果。

粗细属性可以设置文本的粗细,一般用于设置显示元素的文本中所用的字体加粗

加粗效果相关的属性值:

值描述大胆定义粗体字符.bolder定义更粗的字符。 <李> 100

<李> 200

<李> 300

<李> 400

<李> 500

<李> 600

<李> 700

<李> 800

<李> 900

定义由细到粗的字符.400等同于正常,而700等同于大胆。

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; title> css 文字加粗& lt;/title> 　　& lt; style> 　　p.normal  { 　　粗细:正常; 　　} 　　p.bold  { 　　粗细:大胆的; 　　} 　　 　　p.bolder  { 　　粗细:大胆的; 　　} 　　 　　p.thicker  { 　　粗细:900; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; p 类=爸行浴?在测试文本! & lt;/p> 　　& lt; p 类=癰old"祝辞测试文本! & lt;/p> 　　& lt; p 类=癰older"祝辞测试文本! & lt;/p> 　　& lt; p 类=皌hicker"祝辞测试文本! & lt;/p> 　　& lt;/body> 　　 　　& lt;/html>

效果图:

感谢各位的阅读!关于“css设置文字加粗的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

css设置文字加粗的方法