在文章裡畫底線畫重點

．結論摘要

當程式碼增加好
下次寫文章的時候
就使用＜UNDERLINE＞畫線的句子＜/UNDERLINE＞來畫重點囉！效果就是：
畫線的句子 或 畫線的句子

．本文開始

使用以下語法在部落格裡畫重點
需要看你所使用的部落格空間有沒有完整支援用戶自訂 CSS 喔！
依索尼斯目前使用的 BLOGGER 與 PIXNET 來說
使用上都是ok的唷！
如果有人發現哪間BSP可以使用，還請告知索尼斯！^^

方法：請在＜head＞＜/head＞標籤裡面加上以下程式碼
UNDERLINE{
text-decoration: none;
background: url(圖檔位置) repeat-x 100% 100%;
padding-bottom: 0px;
font-weight:bold;
}
其中的圖檔位置呢，就是你所用的畫線圖檔！
可以自製以後放到網路上的空間，再取用～
例如ImageShack就是索尼斯常用的免費圖片空間, 穩定好用
而且網路上有許多教學文件可以參考 ^^

而padding這個CSS，索尼斯就要特別來說說了
這個屬性廣泛用在各個html的元件上
使用後有 "增加間距" 的功能
以padding:5px來說，就上下左右各增加5pixel的增距！
進階一點可以寫成padding: 1px 2px 3px 4px
就是分別在［上］［右］［下］［左］的順序上分別增加間距喔～

有些底線與文字沒配合好的時候
利用padding屬性就可以達到視覺最佳化的效果！^^

當程式碼增加好
下次寫文章的時候
就使用＜UNDERLINE＞畫線的句子＜/UNDERLINE＞來畫重點囉！效果就是：
畫線的句子 或 畫線的句子

文章是不是生動多了呢？:)

此文感謝妖窟以及未曾謀面的巫師所提供的資訊及圖檔 ^^

Elvis:
剛好8/10有寫類似的文章...
在下是直接將語法寫入CSS檔供大家套用....
這樣對有支援HTML語法的BSP應該都能通用...
http://blog.pixnet.net/hcsafety/post/21162989
請大大參考...
汽車化妝師
F2BLOG也可以使用喔..謝謝..文章真的變得很生動多了
歪歪
我這邊也有介紹呦~~
http://blog.pixnet.net/s25655/post/21262210
這邊我是延伸Elvis的文章，教大家怎麼自己做圖
供上祭品阿~~XD