好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css怎么改字体粗细

在CSS中,字体粗细可用 font-weight 属性来修改,只需要将font-w ei ght属性的值设置为“bold”、“bolder”、“lighter”或“500”、“600”、“700”、“800”、“900”值即可,属性值越大字体越粗。

本教程操作环境:windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

在CSS中,字体粗细可以使用font-weight属性来修改。

CSS font-weight属性

font-weight属性可以用于设置文本文字的粗细。属性值越大字体越粗。

属性值:

值 描述
normal默认值。定义标准的字符。
bold定义 粗体 字符。
bolder定义更粗的字符。
lighter定义更细的字符。
100 200 300 400 500 600 700 800 900 定义由细到粗的字符。400 等同于 normal,而 700 等同于 bold。

【推荐教程:CSS视频教程 】

示例:

<!DOCTY PE  html>
<html>
    <head>
        < ;m eta charset="UTF-8">
        <t IT le>css  文字加粗 </title>
        <style>
            .a1{
                font-weight:100;
            }
            .a2{
                font-weight:200;
            }
			.a3{
			    font-weight:300;
			}
			.a4{
                font-weight:400;
            }
            .a5{
                font-weight:500;
            }
			.a6{
			    font-weight:600;
			}
			.a7{
                font-weight:700;
            }
            .a8{
                font-weight:800;
            }
			.a9{
			    font-weight:900;
			}
        </style>
    </head>
    <body>
        <div>
            <p>这是一段测试文字--默认粗细</p>
			<p class="a1">这是一段测试文字</p>
			<p class="a2">这是一段测试文字</p>
			<p class="a3">这是一段测试文字</p>
			<p class="a4">这是一段测试文字</p>
			<p class="a5">这是一段测试文字</p>
			<p class="a6">这是一段测试文字</p>
			<p class="a7">这是一段测试文字</p>
			<p class="a8">这是一段测试文字</p>
			<p class="a9">这是一段测试文字</p>
        </div>
    </body>
</html>

更多编程相关知识,请访问:编程视频!!

以上就是css怎么改字体粗细的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css怎么改字体粗细 全部内容,希望文章能够帮你解决 css怎么改字体粗细 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css怎么改字体粗细的详细内容...

  阅读:23次