h1線條高度或高度問題當懸停顏色變化

我想作爲代碼懸停h1如下所示的顏色更改。h1線條高度或高度問題當懸停顏色變化

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>JS Bin</title> 
 
    <style> 
 
    h1 {color:#aef;font-size: 14em;line-height: 0.1;} 
 
    h1:hover {color: #ff9224;} 
 
    </style> 
 
</head> 
 
<body> 
 
    <h1>More</h1> 
 
</body> 
 
</html>

（代碼也是JS Bin。）

但是，我想要的顏色變化徘徊字母只有一樣，當在畫面中，信區在綠線以下。我曾嘗試過line-height和height以非常小的值，但都沒有生效。

我應該改變別的東西嗎？或者只是使用p來取代h1以方便使用？

hovering green line on the very top of letter

來源

2015-07-03 chenghuayang

試試這個片斷我創造它是否有助於

.border { 
 
    overflow: hidden; 
 
} 
 
h1 { 
 
    color: #aef; 
 
    font-size: 14em; 
 
    line-height: 163px; 
 
    margin: 0; 
 
} 
 
h1:hover { 
 
    color: #ff9224; 
 
}

<div class="border"> 
 
    <h1>More</h1> 
 
</div>

來源

2015-07-03 15:21:17

我希望它能幫助 –

這工作！謝謝！但我仍然不知道如何以及爲什麼，實際上。 – chenghuayang

h1線條高度或高度問題當懸停顏色變化

回答

相關問題