close

今天要教大家的就是在文章顯示列表下方設置分隔線的教學

基本上幾乎每個痞客blog的主頁文章列表下方不外都是顯示著“繼續閱讀”這個字

當初薰衣就在想,如果把這個字換成分隔線,那麼一定會為部落格的整體美化加不少的分

引用文章請帶走薰衣的LOGOPhotobucket

 

主頁未鏈接顯示分隔線不重復語法

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

 

你們的合作和留言支持,是我繼續發表教學的原動力

Photobucket

arrow
arrow
    全站熱搜

    紫薰衣 發表在 痞客邦 留言(0) 人氣()