加下劃線的文本中下劃線的重量小於文本的重量？

試圖強調標題，但將其作爲比它上面的粗體文本更細的線條，我該怎麼做？加下劃線的文本中下劃線的重量小於文本的重量？

從「谷歌搜索」答案是最高審計機關認爲這應該工作（但事實並非如此）：

<span style="text-decoration:underline; font-weight:normal;"> 
    <span style="text-decoration:none; font-weight:bold; font-family:Arial; font-size:16pt;"> 
     Basic Transfer 
    </span> 
</span>

所以只是回顧一下，大的文本，薄下劃線，怎麼樣？

或者更重要的是，我會錯在哪裏？

謝謝，R

來源

2009-10-21 flavour404

下劃線粗體問題似乎是由於Arial字體造成的。但是你的例子/解決方案適用於我（Firefox 18）。 – Nicolas 2013-02-04 10:03:39

[如何更改a-tag的下劃線厚度而不使用邊框？]（http://stackoverflow.com/questions/34047471/how-to-change-underline-thickness-of-an-a-tag -without-using-border） – 2017-01-08 23:42:05

底部邊界如何？

<h2 style="border-bottom:1px solid #000;">basic transfer</h2>

當然，你不應該使用inline-css。

來源

2009-10-21 01:19:10

好的想法+1 – spender 2009-10-21 01:21:08

唯一的問題是'border'下劃線有點低，有什麼辦法可以解決這個問題嗎？ – flavour404 2009-10-21 02:18:49

Eh？底部填充？你可以展示一個想要的結果嗎？我討厭猜你想要什麼。 – 2009-10-21 02:25:48

meder的回答是一個很好的通用方法，但要小心：對於h2和其他塊元素，使用邊框來模擬下劃線將不太合適。如果文字換行，則只有邊界框的下邊緣會加下劃線。即使沒有，邊界將延伸到文本末尾的右邊。您需要將文本包裝在一個範圍內並設置範圍。

<h2><span style="border-bottom:1px solid #000;">basic transfer</span></h2>

來源

2009-10-21 01:38:46

我解決了它。 :)

如果使用的是內裏的鏈接就可以使用這種類型的CSS：

HTML：

<li><a href="#">Inspiration</a></li>

CSS：

#theMenu li{ 
    font-weight: 100; 
    text-decoration: underline; 
    color: red; 
    font-size: 0.94em; 
} 

#theMenu a{ 
    text-decoration: none; 
    font-weight: bold; 
}

這將使線路鏈接薄下，鏈接文本本身加粗。

來源

2012-01-06 22:37:19 Alisso

加下劃線的文本中下劃線的重量小於文本的重量？

回答

相關問題