[Blogger 技巧] 為文章添加各式不同底線

想跟圖中一樣於文章中添加各式底線嗎？請跟著下列文字說明這麼做：
請先至【版面配置】找到【修改HTML】並請記得勾選【展開小裝置範本】，然後搜尋body { 語法略過xxx}

• u
  

u {
text-decoration:none;
background:url('圖片位置') repeat-x bottom;
}

• em
  

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

如將此語法添加於其body { 語法略過xxx}上述位置，IE顯示不出其效果來；故請將此段語法添加其具有.post-title {語法略過xxxxx}此段完整的後面

• line

.line {
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url('http://圖片位置') repeat-x bottom
}

• UNDERLINE

.UNDERLINE {
text-decoration: none;
background: url(http://圖片位置) repeat-x 100% 100%;
padding-bottom: 0px;
font-weight:bold;
}

• myunderline
  

.myunderline {
line-height:22px;
padding:4px 2px 2px 0;
letter-spacing:6px;
background:white url(http://圖片位置) repeat-x bottom
}

• myunderlineHL
  

.myunderlineHL{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://圖片位置) repeat-x bottom
}

使用方式：

• <u>需要特別標示的字句</u> - 如添江加圖片將取代原底線作用
  
• <em>需要特別標示的字句</em>
• <span class="line">需要特別標示的字句</span>
• <span class="UNDERLINE">需要特別標示的字句</span>
• <span class="myunderline">需要特別標示的字句</span>
• <span class="myunderlineHL">需要特別標示的字句</span>

參考教學：

• Fun New Run High: 就是要不一樣! 幫文字段落加上獨樹一格的底線 underline
• 來個不一樣的文字底線吧!! - CSS Application