close
　

　今天要教的是上面這個效果的留言連結
　連結在左邊，而留言的人放在右邊
　它的做法是：

　首先設定沒有連結的文字，也就是留言的人那一部分
　　　#boxNewComment .boxNewComment1 .side {
　　　　　　color: #B7B7B7;
　　　　　　text-align: right;　　這行最重要，把留言的人擺在右邊
　　　　　　font-size: 10px;
　　　　　　}


　然後再設定文字連結的部分
　　　#boxNewComment .boxNewComment1 .side a {
　　　　　　display: block; 　　　　連結設為區塊
　　　　　　text-align: left;　　　把連結文字放在左邊
　　　　　　color: #B7B7B7; 　　　　
　　　　　　text-decoration: none; 　　　連結不要底線
　　　　　　font-size: 10px　　　　　
　　　　　　}

　最後再設定滑鼠游標移到連結時的變化
　　　#boxNewComment .boxNewComment1 .side a:hover {
　　　　　　background: #D8D8D8; 　　設定背景色
　　　　　　color: #fff;　　　　重新設定文字顏色
　　　　　　}


　ＴＨＥ　ＥＮＤ




arrow
arrow
    全站熱搜

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