close
今天要教大家的就是在文章顯示列表下方設置分隔線的教學
基本上幾乎每個痞客blog的主頁文章列表下方不外都是顯示著“繼續閱讀”這個字
當初薰衣就在想,如果把這個字換成分隔線,那麼一定會為部落格的整體美化加不少的分
引用文章請帶走薰衣的LOGO
主頁未鏈接顯示分隔線不重復語法
.more a {
color:#fff;
display:block;
font-size:0px;
font-weight:normal;
margin-top:5px;
margin-bottom:5px;
BACKGROUND:transparent url(http://img213.imageshack.us/img213/705/5070309gpj1ph2.gif) left top;
width:563px;
height:50px;}
遊標放置超鏈接顯示分隔線橫向重復語法
.more a:hover {
display:block;
font-size:0px;
font-weight:normal;
margin-top:1px;
margin-bottom:1px;
BACKGROUND:transparent url(http://img525.imageshack.us/img525/8982/09a1111qw9.gif) left top;
width:563px;
height:50px;}
你們的合作和留言支持,是我繼續發表教學的原動力
全站熱搜
留言列表