css怎么改字体粗细_CSS

CSS

html5 HTML/Xhtml CSS XML/XSLT Dreamweaver教程 Frontpage教程心得技巧

上一篇: css怎么设置宽为100vw 下一篇:css中能加减乘除吗

css怎么改字体粗细

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css怎么改字体粗细，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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

css怎么改字体粗细

本教程操作环境：windows7系统、CSS3&&HTML5版、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视频教程】

示例：

<!DOCTYPE html>
<html>
    <head>
        <;meta charset="UTF-8">
        <tITle>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怎么改字体粗细所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: css怎么设置宽为100vw 下一篇:css中能加减乘除吗

猜你在找的CSS相关文章

全站导航更多