0

嘿伙计们在玩 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>
4

3 回答 3

3

变色部分使用 CSS:hover伪类

.border:hover{
   background: green;
}

用于target="_blank"链接标签中的链接打开部分

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

这将根据用户的浏览器设置(您无法影响)在新选项卡或窗口中打开链接

于 2012-12-02T21:15:55.973 回答
1

不能强制在特定或新选项卡中打开链接。只能控制在同一窗口、同一框架、自定义框架、新框架或新窗口中打开链接。

于 2012-12-02T21:17:30.923 回答
1

您可以将此悬停代码添加到样式中

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

并将链接包装在 div 周围并使用 target="_blank"

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

</div>
</a> 
于 2012-12-02T21:20:57.883 回答