css如何取消加粗

140 阅读 0 评论 93 点赞

我是靠谱客的博主酷酷太阳，这篇文章主要介绍css如何取消加粗，现在分享给大家，希望可以做个参考。

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

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

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

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

去除取消加粗粗体样式：

font-weight:normal

无论哪种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如何取消加粗的详细内容，更多请关注靠谱客其它相关文章！

以上就是酷酷太阳最近收集整理的关于css如何取消加粗的全部内容，更多相关css如何取消加粗内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。