2008年4月5日 星期六

Fun New Run High: 就是要不一樣! 幫文字段落加上獨樹一格的底線 underline

Fun New Run High: 就是要不一樣! 幫文字段落加上獨樹一格的底線 underline
圖片六

效果


2.在 CSS 區塊(或 body{} 之後), 加入此段程式碼.

內容更新:
修改原本就是內建標籤的em 的設定, 這樣在文章中引用時, 就不用打那麼多字(span class="hh"...,只要em), 另外, 為了避免 ie 瀏覽不正常的問題, 加了一行white-space: nowrap; 不換行的設定.


em{
text-decoration: none;
background: url(http://圖片網址) repeat-x bottom;
line-height:22px;
padding-bottom: 2px;
white-space: nowrap;
font-style:normal;
}

.hh {
background: url(圖片網址) repeat-x bottom;
line-height:22px;
padding:3px 2px 2px 0px;
letter-spacing:1px;
}



3. 以上程式碼就加入完畢了. 如果在寫文章時, 想為某一段文字標上底線, 就在 html區加入
這段文字要加底線

這段文字要加底線

沒有留言: