文章内容页h1-h6标题样式美化代码
来源:qinshining.com 编辑:覃师宁 时间:2020-11-30
h1-h6是html的标题标签,有时候为了在网站内容页突出标题的重要与醒目性,会对h1-h6标签进行css样式的写入,今天覃师宁博客就给h1-h6写入简单的css美化样式
先看效果图:
css代码:
- .content h1{
- padding: 5px 12px;
- margin: 12px 0;
- border-left: 5px solid #ed2000;
- }
- .content h2{
- padding: 5px 12px;
- margin: 12px 0;
- border-left: 5px solid #FF1493;
- }
- .content h3 {
- padding: 5px 12px;
- margin: 12px 0;
- border-left: 5px solid #4169E1;
- }
- .content h4 {
- padding: 5px 12px;
- margin: 12px 0;
- border-left: 5px solid #3CB371;
- }
- .content h5 {
- padding: 5px 12px;
- margin: 12px 0px;
- border-left: 5px solid #FFC0CB;
- }
- .content h6 {
- padding: 3px 12px;
- margin: 12px 0px;
- border-left: 5px solid #585E8B;
- }
声明:《文章内容页h1-h6标题样式美化代码》一文由覃师宁博客(qinshining.com)原创版权所有,禁止一切形式采集/转载,如需转载请联系站长!