百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 在CSS中字体加粗要怎么做?
分享文章到:

在CSS中字体加粗要怎么做?

发布时间:09/01 来源:未知 浏览: 关键词:

字体加粗

font-weight 属性设定文本的粗细。

使用 bold 关键字可以将文本设定为粗体。 ( 引荐学习:CSS根基教程 )

关键字 100 ~ 900 为字体指定了 9 级加粗度。假如一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。

假如将元素的加粗设定为 bolder,阅读器会设定比所继承值更粗的一个字体加粗。与此相反,关键词 lighter 会致使阅读器将加粗度下移而不是上移。

实例

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>

<body>
<p class="normal">This is a paragraph</p>

<p class="thick">This is a paragraph</p>

<p class="thicker">This is a paragraph</p>
</body>

</html>

以上就是在CSS中字体加粗要如何做?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板