效果圖:

 

/*無名文章標題前小圖語法*/

/*無名文章標題前小圖語法*/

.title {padding-left: 50px;font-weight: normal;font-size: x-small;

background: url(http://圖檔網址.gif) no-repeat left top;

color: #996600;font-family: 華康少女文字W3;font-size:16px;

height: 45px;}
 

語法說明:

padding-left: 50px→圖檔靠右 距離文章標題字 間隔距離位置

no-repeat left top→圖檔不重複呈現 靠右上位置

color: #996600;font-family: 華康少女文字W3;font-size:16px;

文字顏色  字體 大小

height: 45px→圖檔 與文章內容的高度距離

如果無法呈現語法效果

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

 請刪除或覆蓋 再測試預覽

修改無名CSS步驟:

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

登入無名→點選 樣式管理

→點選 修改CSS樣式表

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

注意修改CSS語法步驟:

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

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

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



全站熱搜

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