• 技术文章 >web前端 >前端问答

    网站样式css加粗代码是什么

    青灯夜游青灯夜游2022-08-12 17:56:22原创1808

    网站样式css加粗代码是“文字元素{font-weight: bold;}”或“文字元素{font-weight: bolder;}”。font-weight属性用于设置文本的粗细,当该属性的值设置为“bold”时可定义粗体字符,设置为“bolder”时可定义更粗的字符;font-weight属性的值也可设置为数值“700”、“800”或“900”,这样也可实现文字加粗效果。

    大前端成长进阶课程:进入学习

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    网站样式css加粗代码:

    文字元素{font-weight: bold;}
    文字元素{font-weight: bolder;}

    用到的CSS属性为:字体加粗属性“font-weight”。

    font-weight 属性可设置文本的粗细,支持多种属性值:

    描述
    normal默认值。定义标准的字符,等于400。
    bold定义粗体字符,等于700。
    bolder定义更粗的字符。
    lighter定义更细的字符。
    • 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>

    1.png

    说明:strong、b、h1~h6等标签的font-weight默认就是bold

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

    以上就是网站样式css加粗代码是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css 文字加粗
    上一篇:火狐支持css改变滚动条的属性有哪些 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• CSS伸缩盒布局(总结分享)• css常用font字体属性有哪些?字体属性详解• css背景渐变属性之径向渐变知识点总结• 一起看看CSS实现盒子的转换与过渡效果• 详解CSS 文本属性(Text)• 手把手带你了解CSS 背景属性(Background)• webpack处理css浏览器兼容性问题• 实例解决vue中使用lang=“scss“出现的报错
    1/1

    PHP中文网