就只是小調而已，記下來，省得之後又要重新來過。

1. 文字滑鼠效果：文章on mouse後文字背景底色＆虛線underline

語法：
#content A:hover {
                    font-size: 10pt;
                    color: #E63F00;
                    border-bottom : 1px dotted #000000;  /*虛線underline效果*/
                    background-color:#EFEFEF; /*on mouse後背景效果*/
}

2. 回應區圖片：加入背景圖片

語法：
TEXTAREA {
        BORDER-RIGHT: #aaaaaa 1px solid;
        BACKGROUND-POSITION: 100% 0%;
        BORDER-TOP: #aaaaaa 1px solid;
        BACKGROUND-IMAGE: url(http://pic24.pic.wretch.cc/photos/1/p/patrica/6/1138941970.jpg); 
/*圖片位置*/
        MARGIN: 0px;
        BORDER-LEFT: #aaaaaa 1px solid;
        BORDER-BOTTOM: #aaaaaa 1px solid;
        BACKGROUND-REPEAT: no-repeat;  /*圖片是否連續*/
        BACKGROUND-COLOR: #ffffff
}

3. 表單效果：下拉選單、表單、按鈕顏色效果

語法：
（1）表單、Button
INPUT {
              BORDER-RIGHT: #deb2b2 1px solid;
              BORDER-TOP: #deb2b2 1px solid;
              FONT-SIZE: 10px;
              BACKGROUND:#FFF0F0;/*改背景底色*/
              BORDER-LEFT: #deb2b2 1px solid;
              COLOR: #C30000;/*改選單顏色*
              BORDER-BOTTOM: #deb2b2 1px solid;
}
（2）下拉選單
SELECT {
                color :#C30000;
                background-color :#FFF0F0;
}


相關文章：
[分享] 自動捲軸選色器 
[blog玩意] MSN Online Status Indicator 
CSS整合器：將混亂的CSS整理成漂亮的程式碼


arrow
arrow
    全站熱搜

    派翠西亞 發表在 痞客邦 留言(3) 人氣()

    E-mail轉寄