最新訊息

314 學習手札  浴火重生
網站內的資源  緣至各方達人
相互分享教學 請隨意取用分享
莫忘傳承情意 讓這份情意傳下去
此塊園地 僅是學習筆記
提供素材內容  或許有缺失
不盡理想地方 敬請見諒
我非高手達人 願虛心學習 不斷修正改進
若有尖酸刻薄或無理要求 都非座上客
僅求心境桃花源 願做鴕鳥呆瓜
莫擾我清幽 疏忽怠慢之處 敬請原諒

效果圖:

 

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

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

.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 美 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • justfun95
  • 謝謝分享~
找更多相關文章與討論

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼