css如何设置字体加粗?

在编写HTML页面的时候,经常需要用CSS进行页面的美化,那么CSS如何设置字体加粗呢?下面我们来看一下使用css设置字体加粗的方法,希望对大家有所帮助。

在css中,可以使用font-weight属性设置文本的粗细。该属性用于设置显示元素的文本中所用的字体加粗。属性值越大字体越粗。

属性值:

1.jpg

示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>css 字体加粗</title>
        <style>
            .a1{
                font-weight:bold;
            }
            .a2{
                font-weight:bolder;
            }
        </style>
    </head>
    <body>
        <div>
            <p>这是一段测试文字<br />
                <span class="a1">这里使用bold属性值加粗字体</span><br />
             
                <span class="a2">这里使用bolder属性值加粗字体</span>
            </p>
        </div>
    </body>
</html>

效果图:

以上就是css如何设置字体加粗?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏