效果圖:

 

/*欄位標題小圖*/


.sidetitle {background-position: left center;padding-left: 35px;

font-weight: bold;font-size: x-small;

background-image: url(http://圖檔網址0.gif);

border-bottom-width: 2px;color: #333333;padding-top: 8px;

background-repeat: no-repeat;font-style: normal;

height: 30px;background-color: transparent;text-align: left;}

語法說明:
.sidetitle {background-position: left center;padding-left: 35px;

圖檔靠右 與欄位標題字的寬距離

font-weight: bold;font-size: x-small;

background-image: url(http://圖檔網址0.gif);

border-bottom-width: 2px;color: #333333;padding-top: 8px;

與欄位邊緣底部距離 字體顏色 與欄位邊緣頂部距離

background-repeat: no-repeat;font-style: normal;

圖檔不重複呈現

height: 30px;background-color: transparent;text-align: left;}

圖檔與下方距離高度 圖檔位置靠右

 

如果無法呈現語法效果

請點選CSS區塊內→按CTRL+F檢查 是否有相同開頭語法.sidetitle並存於CSS中

 請刪除或覆蓋 再測試預覽

修改無名CSS步驟:

注意:選取 CSS 範本 請選擇 可開放修改的範本 便利日後修改使用)

登入無名→點選 樣式管理

→點選 修改CSS樣式表

→在 CSS語法區塊內 貼上語法

注意修改CSS語法步驟:

1.修改CSS語法前 請先 選擇我的樣式存檔 (防止錯誤還原用)

2.在CSS區塊內→貼上語法選擇目前使用套用

3.預覽 觀看效果→滿意記得 存檔 在我的樣式



全站熱搜

sunny 美 發表在 痞客邦 留言(6) 人氣()