主题描述-H标签

纠错2021-06-29 09:56

1、带下划线的H标签

html

<h2 style="height:50px;border-bottom: 1px #dddddd solid;"><span style="display: inline-block;line-height:50px;height:50px;border-bottom: 1px #6ba1c7 solid;">H2标签</span></h2>
<h3 style="height:42px;border-bottom: 1px #dddddd solid;"><span style="display: inline-block;line-height:42px;height:42px;border-bottom: 1px #6ba1c7 solid;">H3标签</span></h3>
<h4 style="height:36px;border-bottom: 1px #dddddd solid;"><span style="display: inline-block;line-height:36px;height:36px;border-bottom: 1px #6ba1c7 solid;">H4标签</span></h4>
<h5 style="height:32px;border-bottom: 1px #dddddd solid;"><span style="display: inline-block;line-height:32px;height:32px;border-bottom: 1px #6ba1c7 solid;">H5标签</span></h5>

demo

H2标签

H3标签

H4标签

H5标签

2、带背景颜色的H标签

html

<h2 style="line-height:200%;font-weight: normal;padding:0 10px;border-left: 3px #6ba1c7 solid;background: #f3f7fa;color:#6ba1c7">H标签</h2>
<h3 style="line-height:200%;font-weight: normal;padding:0 10px;border-left: 3px #6ba1c7 solid;background: #f3f7fa;color:#6ba1c7">H标签</h3>
<h4 style="line-height:200%;font-weight: normal;padding:0 10px;border-left: 3px #6ba1c7 solid;background: #f3f7fa;color:#6ba1c7">H标签</h4>
<h5 style="line-height:200%;font-weight: normal;padding:0 10px;border-left: 3px #6ba1c7 solid;background: #f3f7fa;color:#6ba1c7">H标签</h5>

demo

H标签

H标签

H标签

H标签

相关阅读

我要报错