【css】更改欄位名稱sidetitle的圖片&文字大小...等

欄位名稱sidetitle就是指在左右欄內的欄位 也包括自由欄位

更改它的背景圖片並不難

你能將它改成擁有自己風格的圖片

就像我的

也是最具有無中生有象徵性的"無"

欄位名稱sidetitle的語法若沒修改過的話應該是這樣

/*欄位名稱*/
.sidetitle{
    padding:8px 0px 0px 40px;
    font-weight: bold;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 15px; /* 支援 Firefox 判讀 */
    height: 30px;
    list-style: none;
    background-image: url(圖片網址);
    background-repeat: no-repeat;
    color: #000000;
}

語法解說:

padding:8px 0px 0px 40px; 定義欄位名稱文字的位置

font-weight: bold; 文字設為粗體

font-size: 15px; /* 支援 Firefox 判讀 */ 設定字體大小

height: 30px; 設定圖高

background-image: url(圖片網址); 定義所要顯示圖片的網址

background-repeat: no-repeat; 圖片不反覆貼 單貼一張

color: #000000; 字體顏色

font-weight: bold;可以把bold改為數字 設定厚度

font-size: 15px; 字體大小可自行更改 數值越大 字體越大

height: 30px; 圖高也可自行更改 若設定圖高小於原圖圖高則會被截掉

background-image: url(圖片網址); 只要輸入已上傳到網路空間的圖片網址貼入即可

background-repeat: no-repeat; 不反貼可以改

可換參數:

repeat-x;  背景底圖從左至右一列

repeat-y;  背景底圖從上到下一行 

no-
repeat;   背景底圖只顯示一張 

repeat:repeat; 重複貼背景底圖

color: #000000;
字體顏色可以參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html

欄位名稱sidetitle改成適合自己網頁的樣式後

看起來就不會那麼突兀啦~~