在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怎么改字体粗细 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did199364