2009年9月12日

css:幫文字加上底線

很簡單的步驟,就能幫文字加上底線。

.本文來源:「skyvee」的就是要不一樣! 幫文字段落加上獨樹一格的底線 underline

1.在skyvee的文章中有幾個線條樣式可以選擇,我大概挑了幾個,可以右鍵另存新檔,上傳到自己的空間
.第一個
.第二個
.第三個
.第四個
2.修改css樣式表,(不知道要貼在哪的話,可以貼在 ]]></b:skin> 前面一行)
.post color{
  background: url(http://圖片網址) repeat-x bottom;
  line-height:22px;
  font-style:normal;
}

3.color可以改成自己比較好記的,像我是改成red、pink、yellow、green
.post red{ background: url(http://lh4.ggpht.com/_0Csn9WL8eus/Sqt08oteuAI/AAAAAAAAAQM/OOCHlVr7LU4/hh4.gif) repeat-x bottom; line-height:22px; font-style:normal; }
.post pink{ background: url(http://lh5.ggpht.com/_0Csn9WL8eus/Sqt08S9I6_I/AAAAAAAAAQI/bdtD2VokpRU/hh3.gif) repeat-x bottom; line-height:22px; font-style:normal; }
.post yellow{ background: url(http://lh4.ggpht.com/_0Csn9WL8eus/Sqt08iueH7I/AAAAAAAAAQU/4pJ7iYtuViU/hh6.gif) repeat-x bottom; line-height:22px; font-style:normal; }
.post green{ background: url(http://lh4.ggpht.com/_0Csn9WL8eus/Sqt08tLmr2I/AAAAAAAAAQQ/4r7foAsZBv8/hh5.gif) repeat-x bottom; line-height:22px; font-style:normal; }


之後,要加底線只要用<red>把文字包住</red>,效果就像下面一樣
把文字包住

沒有留言:

張貼留言

.利用下列按鈕收藏這篇文章:

Share/Save/Bookmark