handsome这款主题在复杂中,保持简洁。如你所见,这是一款花费很长时间才得以完成的typecho主题。在功能强大和体积轻巧中不断权衡,然后呈现在你的面前。为了更好地创作,为了更好记录生活。
本文呢是关于handsome的一篇,一级标题的美化
效果
美化方法
将下面的css加入到主题中,handsome主题直接在后台主题配置里,因为是css代码使用没有局限
/*美化标题*/
#post-content h1 {
font-size: 30px
}
#post-content h2 {
position: relative;
margin: 20px 0 32px!important;
font-size: 1.55em;
}
#post-content h3 {
font-size: 20px
}
#post-content h4 {
font-size: 15px
}
#post-content h2::after {
transition: all .35s;
content: "";
position: absolute;
background: linear-
gradient(#3c67bd8c 30%,#3c67bd 70%);
width: 1em;
left: 0;
box-shadow: 0 3px 3px rgba(32,160,255,.4);
height: 3px;
bottom: -8px;
}
#post-content h2::before {
content: "";
width: 100%;
border-bottom: 1px solid #eee;
bottom: -7px;
position: absolute
}
#post-content h2:hover::after {
width: 2.5em;
}
#post-content h1,#post-content
h2,#post-content h3,#post-content
h4,#post-content h5,#post-content .h6 {
color: #666;
line-height: 1.4;
font-weight: 700;
margin: 30px 0 10px 0
}
✗咧嘴笑✗ ✗微笑✗ ✗酷酷的✗ ✗不爽✗ ✗汗✗ ✗笑哭了✗ ✗我爱你✗ ✗惊吓✗ ✗恐惧✗ ✗不舒服✗ ✗吐舌头✗ ✗不是吧 ✗亲亲✗ ✗得意✗ ✗哭了✗ ✗骷髅头✗ ✗粑粑✗ ✗棒棒的✗ ✗肌肉✗ ✗拳头✗ ✗害羞✗