下劃線 一般在文檔中常被用作增強注意,在過去打字機時代,下劃線成為了唯一的一種文字強調(diào)方式,具體的操作方法是在已經(jīng)打出來的文字上面退格,再在同樣的地方打出下劃線。
而在網(wǎng)頁中,可以鏈接的文字(超鏈接)下面一般都有下劃線。在制作頁面的時候,當鏈接需要下劃線的時候,UI開發(fā)很自然的會想到使用text-decoration屬性來顯示,例如這樣:
以上顯示的是設(shè)計稿和瀏覽器渲染的實際效果,我們會發(fā)現(xiàn)瀏覽器渲染的效果和設(shè)計稿有出入,主要表現(xiàn)在下劃線的位置,這時候細心的設(shè)計師會要求你想辦法實現(xiàn)他們本來想要實現(xiàn)的效果。可惜的是,在這幾年的網(wǎng)頁排版技術(shù)發(fā)展中,并沒有更好的css屬性出現(xiàn)來支持下劃線的個性化設(shè)置,所以這個問題常常會被忽略。
這個一般在UI開發(fā)看來,可能覺得并沒有什么問題,難道說不應(yīng)該使用text-decoration這個屬性嗎?