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;
- }