我已经尝试了几个在网上找到的不同例子，但现在我没有想法了...... 我试图让两个图像链接并排放置在页面的中央。
我当前的代码如下所示:
HTML
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<div class="home">
<a href="http://www.xxx.net/blog/" id="h1"></a>
<a href="http://www.xxx.net/gallery/" id="h2"></a>
</div>
CSS
div.home a {
float: left;
}
div.home {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
div.home #h1 {
width: 500px;
height: 350px;
display: block;
background-image: url('header1.jpg');
}
div.home #h1:hover {
background-image: url('header1hover.jpg');
}
div.home #h2 {
width: 500px;
height: 350px;
display: block;
background-image: url('header2.jpg');
}
div.home #h2:hover {
background-image: url('header2hover.jpg');
}
最佳答案
关于html - 并排放置两个图像链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16501319/