close
　
　
　如果想讓最新留言這一欄簡潔一點，如上圖
　會發現留言的人不見了～～
　這個效果要怎麼用呢？
　真是個好問題阿！　　　我現在就來為大家解答吧～

　
　首先，把留言的人這一欄用掉
　　　#boxNewComment .boxNewComment1 .side {
　　　　　color:  背景色 ; 　　文字的顏色用成背景色
　　　　　font-size:  0 px ;　　把文字大小調成０ｐｘ
　　　　　}


　接著，設定連結區那一部分
　　　#boxNewComment .boxNewComment1 .side a {
　　　　　display: inline-block;　　連結設定成區塊
　　　　　width: XXX px; 　　　區塊的寬度要差不多等於最新留言這一欄的寬度
　　　　　font-size: 11px; 
　　　　　color: #B7B7B7; 
　　　　　background: # XXXX ;
　　　　　text-decoration: none;
　　　　　....... }
　　　　　
　注：區塊要設成inline-block這樣才不會出現行距
 　
　如果還想在滑鼠游標移到連結時做些變化的話，再加打
　　　#boxNewComment .boxNewComment1 .side a:hover{
　　　　　　自行設定
　　　　　　}



arrow
arrow
    全站熱搜

    toocrazy 發表在 痞客邦 留言(0) 人氣()