效果圖:
/*欄位標題小圖*/
|
語法說明:
.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.預覽 觀看效果→滿意記得 存檔 在我的樣式
留言列表