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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilza4qPvzQYpCFojO7u8a7TsU1DMFGqDsdxCOcpJdwkVjxpGEdJXX0oWM3YbZ6aPEhzwBW-3bF4S3rD7Y7WdF6YvCcpZGWEIuSzh3v7-D69Gnu3MlgLP4e0VEMlXOMbna5eqT32Oa7qn-4/) repeat-x bottom; line-height:22px; font-style:normal; }
.post pink{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6cTZ6k3c-0Si_6YYugqpYTRgVpHb0mG3lw3DBGSQSzXKXbnEQRQNFkSVsrv1MMh4DUq6mtLbhiO1wPqEUd8UQjdV9zIpbJlhLq4rcjiog_SZUw6mIFABprG0x0uQcZPcRNpyM0O7m8lsJ/) repeat-x bottom; line-height:22px; font-style:normal; }
.post yellow{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEv7h6EJHUNmg58tWtnu6yAwVKqwJ1vC3tTBjVcaKSX6S9sME5t5KHR0dwPUB7Rl2FNDEJIPDmqgDLi_beRNnuz-p8Wad5mGoEv2d_3LyrKIL_Lh70Ehlqnmry7jOMplN9MI5R_ECOMHFF/) repeat-x bottom; line-height:22px; font-style:normal; }
.post green{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx-uY_jMzU_x4gPxcaw8herngFDG5JI7GwH40VHZcefahERpf4oWBrYF-WOXgfeqA8LW15hMoegvwhKcmCgDdE8kFLN9-GQYxMjo9qEGQMXonoYlSnw7VvoTyJ-3_oiSLIb4JVLQP9jPmD/) repeat-x bottom; line-height:22px; font-style:normal; }

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

把文字包住