css如何设置文字加粗(2)-木庄网络博客

2022-03-18 02:56:06 PHP中文网 JavaScript 百度已收录

加粗效果相关的属性值：

值	描述
bold	定义粗体字符。
bolder	定义更粗的字符。
100 200 300 400 500 600 700 800 900	定义由细到粗的字符。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>