首页 > web前端 > css教程 > css如何取消加粗

css如何取消加粗

醉折花枝作酒筹
发布: 2023-01-05 16:10:18
原创
8806 人浏览过

在css中,可以使用font-weight属性取消加粗,只需要给元素设置“font-weight:normal”样式即可;font-weight属性用于设置显示元素的文本中所用的字体粗细,当值为normal时为默认值,表示定义标准的字符。

css如何取消加粗

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

用css去除粗体样式,html有些标签自带粗体样式,可使用css样式去除粗体字体效果。

{U)SV3QF29)MH_$YJEP%C_K.jpg

去除粗体CSS属性单词

font-weight ——粗体,加粗样式单词

去除取消加粗粗体样式:

font-weight:normal

css去除粗体通用方法

无论哪种HTML标签自带粗体,要取消去除,其css去除方法均相同。

单独去掉各自带加粗样式的粗体方法:

去除b标签粗体

b{font-weight:normal}
登录后复制

Y{IYJZ[4TL%1{_CXS1X`L2R.jpg

取消html b标签粗体截图

取消strong标签粗体

strong{font-weight:normal}
登录后复制

]@4DC$10WMSD({ZH$7O$925.jpg

css取消strong粗体标签内文字字体加粗样式

同理分别去除h1 h2 h3 h4

h1{font-weight:normal}
h2{font-weight:normal}
h3{font-weight:normal}
h4{font-weight:normal}
登录后复制

]XK(KT(@_2A}%3Z_I[)AQDE.jpg

分别去掉h1 h2 h3 h4粗体样式

共用CSS法统一去掉这几个标签粗体

b,strong,h1,h2,h3,h4{font-weight:normal}
登录后复制

(S@K(EBPD@O0307L`1NSNT4.jpg

共用CSS方法,节约代码地取消这些常用HTML粗体效果

推荐学习:css视频教程

以上是css如何取消加粗的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板