文章标题的样式代码

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

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

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

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

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