html文章标题（css好看的标题样式）

我们在做网站开发时，一组漂亮的文章内容标题，总能突出显示我们要展示的内容，对于提升用户体验有很大的帮助！从网上down了一组漂亮的文章内页标题CSS样式代码分享给大家！

样式截图：

css代码：

.entryh1,.entryh2{font-weight:bold;border-left:4pxsolid#4693e9;margin:10px-30px15px-30px;padding:10px010px40px;background:#f5f5f5;text-indent:0!important;}
.entryh3,.entryh4,.entryh5{color:#555;font-weight:bold;border-left:4pxsolid#4693e9;margin:10px-10px20px-15px;background:#f5f5f5;text-indent:0!important;}
.entryh1{font-size:20px;border-left:4pxsolid#c11e22;}
.entryh2{font-size:18px}
.entryh3{font-size:16px;border-left:4pxsolid#ffae49;margin:15px-30px15px-30px;padding:7px06px40px;}
.entryh4{font-size:15px;border-left:4pxsolid#02aabb;padding:5px06px10px;margin:10px0px15px0px;}
.entryh5{font-size:14px;border-left:4pxsolid#4693e9;margin:10px0px12px0px;padding:3px03px10px;font-weight:500;}
.entryh6{border-left:4pxsolid#bbbbbb;padding-left:10px;font-weight:initial;margin-bottom:7px;text-indent:0!important;}

扩展样式截图：

html文章标题（css好看的标题样式）

css代码：

.entryp.lvse{text-indent:0em!important;color:#7da33c;background:#ecf2d6url('images/wpgo_sc_notice.png')-1px-1pxno-repeat;border:1pxsolid#aac66d;overflow:hidden;margin:10px0;padding:15px15px15px35px;}
.entryp.hongse{text-indent:0em!important;color:#c66;background:#ffeceaurl('images/wpgo_sc_error.png')-1px-1pxno-repeat;border:1pxsolid#ebb1b1;overflow:hidden;margin:10px0;padding:15px15px15px35px;}
.entryp.huangse{text-indent:0em!important;color:#ad9948;background:#fff4b9url('images/wpgo_sc_warn.png')-1px-1pxno-repeat;border:1pxsolid#eac946;overflow:hidden;margin:10px0;padding:15px15px15px35px;}
.entryp.huise{text-indent:0em!important;color:#777;background:#eaeaeaurl('images/wpgo_sc_tips.png')-1px-1pxno-repeat;border:1pxsolid#ccc;overflow:hidden;margin:10px0;padding:15px15px15px35px;}
.entryp.lanse{text-indent:0em!important;font-size:16px;font-weight:normal;color:#FFF;margin:10px0;padding:5px10px;background-color:#169FE6;display:inline-block;}
.entryp.putong{text-indent:0em!important;margin:10px0;padding:10px15px;background:#FFF;border:1pxsolid#E3E3E3;border-left:3pxsolid#3DABCE;}
.entryp.chunse{text-indent:0em!important;font-family:微软雅黑;padding:15px15px15px35px;margin:20px0px;border:1pxsolidrgb(190,31,31);color:rgb(130,11,11);position:relative;font-size:15px;line-height:18px;white-space:normal;background:rgb(239,206,201);}
p.lansea{color:#FFF;font-weight:600;}
.entry.lanse{color:#fff;margin-left:1em;}
.entry.lansea:hover{color:#E7FF20;}