在CSS中字体加粗要怎么做？【css教程】,CSS
作者：搜教程发布时间：2019-11-29分类：CSS教程浏览：72评论：0
导读：字体加粗font-weight属性设置文本的粗细。运用bold关键字能够将文本设置为粗体。(引荐进修：CSS基础教程)关键字100~900为...
字体加粗
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中字体加粗要怎么做？的细致内容，更多请关注ki4网别的相干文章！
标签：CSS
相关推荐
- 纯 CSS 如何实现实现鼠标跟随效果？（代码详解）_html5教程,CSS,鼠标跟随
- 纯 CSS 如何实现实现鼠标跟随效果？（代码详解）_css教程,CSS,鼠标跟随
- CSS 实现拖拽改变布局大小_html5教程,CSS,左右拖拽,布局大小
- CSS 实现拖拽改变布局大小_css教程,CSS,左右拖拽,布局大小
- CSS Modules 详解_html5教程,CSS
- CSS Modules 详解_css教程,CSS
- 使用 CSS 实现一个简单的骨架屏（Skeleton Screen）_html5教程,CSS
- 使用CSS实现皮卡丘_html5教程,CSS
- CSS 中伪类的使用（干货）_html5教程,CSS
- 使用 CSS 实现一个简单的骨架屏（Skeleton Screen）_css教程,CSS
欢迎 你 发表评论:
- CSS教程排行
-
- 1怎样用span css设置div内部份字体色彩？【css教程】,span,css设置div颜色
- 2html段间距怎样设置【css教程】,html段间距,设置
- 3css字体划线怎样设置？笔墨加中划线要领【css教程】,css字体划线,文字加中划线方法
- 4css首行缩进2字符怎样设置?缩进的CSS代码是什么【css教程】,css首行缩进,2字符
- 5list-style是什么意义?list-style款式属性详解【css教程】,list-style,list-style样式
- 6伪元素“::after”和“::before”的作用分别是什么_css教程,伪元素,::after,::before
- 7CSS3如何实现图片滚动播放效果（附代码）_css教程,css
- 8详解CSS3实现弹性布局的方式_css教程,CSS3,弹性布局,flexbox
- 9两分钟带你了解在CSS中三种使图片居中的方法_css教程,css,图片居中
- 最新文章
- 广而告之
-
简数采集
腾讯云
宝塔系统
阿里云