css怎么改字体粗细(2)-木庄网络博客

当前第2页返回上一页

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>css 文字加粗</title>
        <style>
            .a1{
                font-weight:100;
            }
            .a2{
                font-weight:200;
            }
            .a3{
                font-weight:300;
            }
            .a4{
                font-weight:400;
            }
            .a5{
                font-weight:500;
            }
            .a6{
                font-weight:600;
            }
            .a7{
                font-weight:700;
            }
            .a8{
                font-weight:800;
            }
            .a9{
                font-weight:900;
            }
        </style>
    </head>
    <body>
        <div>
            <p>这是一段测试文字--默认粗细</p>
            <p class="a1">这是一段测试文字</p>
            <p class="a2">这是一段测试文字</p>
            <p class="a3">这是一段测试文字</p>
            <p class="a4">这是一段测试文字</p>
            <p class="a5">这是一段测试文字</p>
            <p class="a6">这是一段测试文字</p>
            <p class="a7">这是一段测试文字</p>
            <p class="a8">这是一段测试文字</p>
            <p class="a9">这是一段测试文字</p>
        </div>
    </body>
</html>