CSS懸停在框上以更改顏色和鏈接

Question

大家都在玩CSS。 我做了一個盒子。 我基本上想弄清楚的是，當人將鼠標懸停在框上時，它將如何改變顏色，然后將其鏈接到新標簽中的其他頁面。 誰能幫我？

到目前為止的代碼。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="eng" lang="eng">
<head>

<style>
    .border
    {
        height: 150px; 
        width:  150px; 
        border: 1px solid black;  
        text-align:center; 
    }

</style>


</head>
<body>

<div class="border">
    <a href="http://www.1.com/"></a> 
</div>

</body>
</html>

Answer 1

對於顏色變化部分，請使用CSS :hover偽類

.border:hover{
   background: green;
}

對於鏈接打開部分，請在鏈接標記中使用target="_blank"

<a href="http://www.1.com/" target="_blank"></a>

這將根據用戶的瀏覽器設置在新選項卡或窗口中打開鏈接（您無法影響）

Answer 2

不能強制在特定或新選項卡中打開鏈接。 只能控制同一窗口，同一框架，自定義框架，新框架或新窗口中的打開鏈接。

Answer 3

您可以將此懸停代碼添加到樣式中

.border:hover
{
    background-color: red;
}

還將鏈接環繞div並使用target =“ _ blank”

<a href="http://www.1.com/" target="_blank">
<div class="border">

</div>
</a>

CSS懸停在框上以更改顏色和鏈接

問題描述

3 個解決方案

解決方案1
3 已采納 2012-12-02 21:15:55

解決方案2
1 2012-12-02 21:17:30

解決方案3
1 2012-12-02 21:20:57

CSS懸停在框上以更改顏色和鏈接

問題描述

3 個解決方案

解決方案1 3 已采納 2012-12-02 21:15:55

解決方案2 1 2012-12-02 21:17:30

解決方案3 1 2012-12-02 21:20:57

解決方案1
3 已采納 2012-12-02 21:15:55

解決方案2
1 2012-12-02 21:17:30

解決方案3
1 2012-12-02 21:20:57