生活随笔
收集整理的这篇文章主要介绍了
CSS设置文字粗细
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
CSS设置文字粗细
HTML中通过添加<b>标记，或者<strong>标记来设置文字的粗细。
CSS可以将文字的粗细进行了细致的划分，而且，还可以将本身是粗体的文字，变为正常的粗细显示。
<span style="font-size:24px;"><html><head><title>文字粗细</title><style><!--
h1 span{font-weight:lighter;}
span{font-size:30px;}
span.one{font-weight:100;}
span.two{font-weight:200;}
span.three{font-weight:300;}
span.four{font-weight:400;}
span.five{font-weight:500;}
span.sex{font-weight:600;}
span.seven{font-weight:700;}
span.eight{font-weight:800;}
span.nine{font-weight:900;}
span.ten{font-weight:bold;}
span.eleven{font-weight:normal;}
--></style></head><body><h1>文字<span>粗</span>体</h1><span class="one">文字粗细：100</span><span class="two">文字粗细：200</span><span class="three">文字粗细：300</span><span class="four">文字粗细：400</span><span class="five">文字粗细：500</span><span class="six">文字粗细：600</span><span class="seven">文字粗细：700</span><span class="eight">文字粗细：800</span><span class="nine">文字粗细：900</span><span class="ten">文字粗细：bold</span><span class="eleven">文字粗细：normal</span></body>
</html>
</span>
文字的粗细在CSS中通过属性：font-weight设置，如上代码几乎涵盖了所有的文字粗细值，并且，可以是本身是粗体的字体，变成正常粗体。
总结
以上是生活随笔为你收集整理的CSS设置文字粗细的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。
