羽毛窩

到處逛一逛，又發現一個可愛的小語法

看看我這段文字，有發現什麼特別的地方嗎？

是的 ！文字下面的底線竟然變彩色了~~真有趣！

其他不同的樣式還有 綠色、 黃色、粉紅蠟筆、…也可以自己創造圖案!

底下就分享它的用法囉！請依照你的需求CSS/HTML 二選一吧

底線的圖片請自行網路搜尋～自己設計更好玩XD

- - - - - - - - - - - - - CSS  - - - - - - - - - - - - -

首先，在你的CSS編輯模式加入這段語法↓

.yellow/*自定義名稱*/{ line-height:22px; padding:4px 2px 2px 0px; letter-spacing:2px; background:url(http://pic.pimg.tw/coachee/a87ddad3c0a7eefcb3c49f847ec40f80.png/*底線圖片網址*/) repeat-x bottom; }反白後，請自行ctrl+c複製

如果你有多張底線圖案，可以反覆加入上段語法，個別定義、修改喔！

到此，前置設定完成了。

回到發表文章模式…

發表文章時，只要在HTML或一般編輯模式下

使用這段語法↓

<span class="yellow/*自定義名稱*/">要裝飾的文字</span>反白後，請自行ctrl+c複製

預覽或發表就可以見到效果囉

記得兩邊的「自定義名稱」要一致喔！（請務必用半形英數命名） 

- - - - - - - - - - - - - HTML  - - - - - - - - - - - - -

如果是HTML架構的網頁，只要作下列設定↓

u { text-decoration:none; background:url('http://pic.pimg.tw/coachee/a87ddad3c0a7eefcb3c49f847ec40f80.png/*底線圖片網址*/') repeat-x bottom; }反白後，請自行ctrl+c複製

正式編寫網頁內容時，直接在需要的文字區段使用底線即可，或者加入下列語法

<u>要裝飾的文字</u>反白後，請自行ctrl+c複製

其實就是把文字背景改成圖片~XD