刪除鏈接下劃線或創建虛線虛線或雙下劃線鏈接
默認情況下，Web瀏覽器具有某些CSS樣式，它們適用於特定的HTML元素。 如果您沒有用您自己的網站自己的樣式表覆蓋這些默認值，那麼將應用默認值。 對於超鏈接，默認的顯示風格是任何鏈接的文本都會顯示藍色並加下劃線。瀏覽器會這樣做，以便網站的訪問者可以輕鬆查看鏈接的文本。 許多網頁設計師不關心這些默認樣式，特別是那些下劃線。 值得慶幸的是，CSS可以很容易地改變這些下劃線的外觀或完全刪除它們。
刪除文本鏈接的下劃線
加下劃線的文本可能會更難以閱讀未加下劃線的文本。 此外，許多設計師根本不在乎下劃線文字鏈接的外觀。 在這些情況下，您可能想要完全刪除這些下劃線。
要從文本鏈接中刪除下劃線，您將使用CSS屬性文本修飾。 這裡是你要寫的CSS：
{text-decoration：none; }
使用這一行CSS，您將從所有文本鏈接中刪除下劃線。 儘管這是一個非常通用的樣式（它使用了元素選擇器），但它仍然比默認的瀏覽器樣式更具特色。 由於這些默認樣式是創建下劃線的開始，所以您需要覆蓋這些樣式。
刪除下劃線的注意事項
從表面上看，刪除下劃線可能正是你想要完成的事情，但是當你這樣做時你應該保持謹慎。 無論您是否喜歡下劃線鏈接的外觀，您都不能爭辯說，它們明確了哪些文本是鏈接的，哪些不是。 如果刪除下劃線或更改默認的藍色鏈接顏色，則應確保將其替換為仍允許鏈接文本突出顯示的樣式。 這將為您網站的訪問者提供更直觀的體驗。
不要強調非鏈接
關於鏈接和下劃線的另一個警告，不要將不是鏈接的文本強調為強調它的方式。 人們認為加下劃線的文字是一個鏈接，所以如果您為了增加重點而強調內容（而不是粗體或斜體），則會發送錯誤的信息並且會讓網站用戶感到困惑。
將下劃線更改為點或短劃線
如果您想保留文字鏈接下劃線，但是將下劃線的樣式從默認外觀（這是“soldi”行）更改，您也可以這樣做。 您可以使用點來強調您的鏈接，而不是那條實線。 要做到這一點，你仍然會刪除下劃線，但是你會用border-bottom樣式屬性替換它：
{text-decoration：none; border-bottom：1px點綴; }既然你已經刪除了標準的下劃線，那麼虛線的是唯一出現的。
你可以做同樣的事情來獲得破折號。 只需將邊框底部樣式更改為虛線：
{text-decoration：none; border-bottom：1px虛線; }更改下劃線顏色
另一種引起對鏈接注意的方法是更改下劃線的顏色。 只要確保顏色符合你的配色方案 。
{text-decoration：none; border-bottom：1px純紅色; }雙下劃線
使用雙下劃線的技巧是你必須改變邊框的寬度。 如果你創建一個1px寬的邊框，你最終會得到一個雙下劃線，看起來像是一個下劃線。
{text-decoration：none; border-bottom：3px double; }您還可以使用現有的下劃線與其他功能（如點線中的一條線）進行雙下劃線：
{border-bottom：1px double; }不要忘記鏈接狀態
您可以將邊框底部樣式添加到處於不同狀態的鏈接，例如：hover，：active或：visited。 當您使用該“懸停”偽類時，這可以為訪問者創建一個很好的“滾動”式體驗。 將鼠標懸停在鏈接上時，會出現第二個虛線下劃線：
{text-decoration：none; } a：hover {border-bottom：1px dotted; }Jennifer Krynin的原創文章。 由Jeremy Girard編輯