首页 > 编程开发 > CSS    日期:2019-11-10 / 来自互联网 / 浏览

在CSS中,字体加粗属性是font-weight属性;该属性用于设置显示元素的文本中所用的字体加粗。下面本篇文章就来给大家介绍一下CSS font-weight属性,希望对大家有所帮助。

font-weight属性设置文本的粗细。

该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

2.jpg

属性值:

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>

效果图:

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章

1 2 3 4 5