Rumah > Artikel > hujung hadapan web > 网站样式css加粗代码是什么
网站样式css加粗代码是什么
- 青灯夜游asal
- 2022-08-12 17:56:226620semak imbas
网站样式css加粗代码是“文字元素{font-weight: bold;}”或“文字元素{font-weight: bolder;}”。font-weight属性用于设置文本的粗细，当该属性的值设置为“bold”时可定义粗体字符，设置为“bolder”时可定义更粗的字符；font-weight属性的值也可设置为数值“700”、“800”或“900”，这样也可实现文字加粗效果。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
网站样式css加粗代码：
文字元素{font-weight: bold;}
文字元素{font-weight: bolder;}用到的CSS属性为：字体加粗属性“font-weight”。
font-weight 属性可设置文本的粗细，支持多种属性值：
| 值 | 描述 |
|---|---|
| normal | 默认值。定义标准的字符，等于400。 |
| bold | 定义粗体字符，等于700。 |
| bolder | 定义更粗的字符。 |
| lighter | 定义更细的字符。 |
|
定义由细到粗的字符。400 等同于 normal，而 700 等同于 bold。 |
示例：四段文字设置不同的字体粗细
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css 文字加粗</title>
<style>
p.normal {
font-weight: normal;
}
p.bold {
font-weight: bold;
}
p.bolder {
font-weight: bolder;
}
p.thicker {
font-weight: 900;
}
</style>
</head>
<body>
<p class="normal">测试文本！</p>
<p class="bold">测试文本！</p>
<p class="bolder">测试文本！</p>
<p class="thicker">测试文本！</p>
</body>
</html>
说明：strong、b、h1~h6等标签的font-weight默认就是bold
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci 网站样式css加粗代码是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：火狐支持css改变滚动条的属性有哪些Artikel seterusnya：css怎么禁止文章内容复制