鏈接文字的上劃線、下劃線、刪除線（貫穿線）、閃爍等可以通過CSS的text-decoration屬性來實(shí)現(xiàn)。其屬性值與效果相對應(yīng)的關(guān)系如下：


　　更具體的text-decoration介紹請參考這里。

　　學(xué)習(xí)了此屬性的一些用法，我們不難看出，鏈接文字上劃線、下劃線同時出現(xiàn)可以通過：text-decoration: underline overline，即可以實(shí)現(xiàn)了�；蛟S你有疑問，這兩個屬性值可以同時了現(xiàn)嗎？答案是肯定的，是可以實(shí)現(xiàn)的，我們看下面的運(yùn)行效果：


　　看到效果了吧，雖然我們實(shí)現(xiàn)了鏈接文字上劃線、下劃線同時出現(xiàn)。但還有很多細(xì)節(jié)我們并不滿足。一、線型單一，只是實(shí)線；二、顏色不可更改（默認(rèn)的線條顏色為鏈接文字的顏色）；三、距離文字的邊距不可控制，感覺離文字太近了。

　　我們想到了更好的辦法，可以去除text-decoration屬性，給鏈接加上、下邊框線，同樣可以讓上劃線、下劃線同時出現(xiàn)。我們看下面的運(yùn)行效果。


　　在默認(rèn)情況下，塊級元素的默認(rèn)寬度是父級元素的寬度，并且占據(jù)一整行的頁面空間。所以我們看上面的效果，就出現(xiàn)了一整行都給鏈接所占據(jù)，我們可以作一些調(diào)整，設(shè)置鏈接元素為左浮動，并設(shè)置左邊距為30px。我們來看看效果。


　　你可以改變上面的運(yùn)行代碼作一些調(diào)試，多動手、多思考是學(xué)習(xí)CSS的好辦法。：）