首先我們要說說怎麼設定底線：
我們知道HTML標籤中有底線u標籤( <u>被加底線</u> )，在需要底線的文字字型加上html底線標籤u即可簡單實現底線樣式。但在DIV CSS布局時，有時需要CSS實現底線樣式效果，也就是css 底線樣式。
1.CSS底線樣式單詞：
text-decoration
2.CSS底線代碼：
text-decoration:underline
3.css 底線代碼示範：
div{text-decoration:underline}
對div內文字加底線樣式。
現在說說css字型加底線樣式執行個體：
以下是css 底線設定執行個體，執行個體內容對一段文字中其中幾個字設定底線樣式。
設定底線CSS樣式執行個體代碼如下：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>topic.alibabacloud.com：設定底線執行個體</title> <style> .exp{ text-decoration:underline} </style> </head> <body> 歡迎訪問topic.alibabacloud.com，<span class="exp">我被加底線樣式</span>！ </body> </html>
以上對一段文字中其中一些文字加底線樣式。如下方的效果：
最後說說div css底線設定總結：
可能大家會認為我們會用了HTML U標籤加底線，為什麼要使用CSS text-decoration樣式來加底線？這個是因為在CSS布局中是千變萬化的實現各式各樣布局，為了滿足不同需求所以一般HTML標籤能實現的CSS樣式都能實現，而有時使用CSS實現可利於後期修改維護，。但相反不是學習CSS就不用HTML標籤實現需要的樣式，而是有時HTML標籤和CSS樣式根據需求選擇布局出最適合項目的才是DIV CSS布局重要的精髓。達到代碼最簡、代碼易維護、搜尋引擎排名考慮、程式員易用等。
好了，以上就是這篇文章的全部內容了，有問題的可以在下方提問。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
