• 技术文章 >web前端 >css教程

    css中怎么把文字加粗

    王林王林2021-05-20 13:48:27原创1314

    css中把文字加粗的方法是,给文本设置font-weight属性,并且设置属性值为bolder,例如【p.thick {font-weight:bolder;}】,bolder表示更粗的文本。

    本文操作环境:windows10系统、css 3、thinkpad t480电脑。

    如果我们要把文本给加粗,可以使用css中的font-weigth属性来实现,下面让我们一起来了解下该属性。

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

    常用属性值:

    代码示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title></title>
    <style>
    p.normal {font-weight:normal;}
    p.light {font-weight:lighter;}
    p.thick {font-weight:bold;}
    p.thicker {font-weight:900;}
    </style>
    </head>
    
    <body>
    <p class="normal">This is a paragraph.</p>
    <p class="light">This is a paragraph.</p>
    <p class="thick">This is a paragraph.</p>
    <p class="thicker">This is a paragraph.</p>
    </body>
    
    </html>

    来看下运行效果:

    a6d84f2484456195b093f771125a1b8.png

    学习视频分享:css视频教程

    以上就是css中怎么把文字加粗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 文字
    上一篇:纯CSS3如何实现文字效果?8种文字效果分享 下一篇:css怎么去掉div边框
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• cad画好的线怎么加粗• 加粗快捷键ctrl加什么• cad线条加粗的方法是什么• cad画好线怎么加粗
    1/1

    PHP中文网