码迷,mamicode.com
首页 > 其他好文 > 详细

文章标题的样式代码

时间:2017-09-28 11:35:10      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:博客   :hover   关联性   close   动态   --   text   rom   str   

主要参考:http://www.cnblogs.com/houkai/p/3394402.html


 


 

代码插入到【管理】-->【设置】-->【博客设置】-->【页面定制CSS代码】中:

技术分享
.postTitle  {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa));
    background: -ms-linear-gradient(#eeeeee 0%,#aaaaaa 100%);
    background: -moz-linear-gradient(top, #eee, #aaa);
    font-size: 18px;
    margin-bottom: 3px;
}
#topics .postTitle {
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px dashed #ccc;
    float: right;
    line-height:2.5em;font-size: 18px;
    width: 100%;
    clear:both;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #390;
    transition:all 0.4s linear 0s
}
.postTitle  a:hover {
    color: #F60;
    text-decoration: none;margin-left: 10px;
}
View Code

首页显示效果:                      博客页面显示效果:

技术分享      技术分享

其中包含了动态效果。。。


 


总结:

  博客标题的样式标签为postTitle与postTitle2,但两者之间关联性太大,经过调试,感觉以上代码显示效果最好


 

文章标题的样式代码

标签:博客   :hover   关联性   close   动态   --   text   rom   str   

原文地址:http://www.cnblogs.com/huangtao36/p/7605626.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!