嗨，我这里有一个代码，除了一件事之外，一切都很完美。代码中每个按钮之间没有空格。我尝试过 margin，但不幸的是它是一个无序列表，所以我有点困惑。我将添加或替换什么以在两个按钮之间留出空间。帮助？？ :(
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
.rollovericons a#terms{
display: block;
width:138px;
height:27px;
background: url(http://icpy.webs.com/button/Terms.png) no-repeat;
}
.rollovericons a:hover#terms{
background: url(http://icpy.webs.com/button/Terms0.png) no-repeat;
}
.rollovericons a#contact{
display: block;
width:138px;
height:27px;
background: url(http://icpy.webs.com/button/contact.png) no-repeat;
}
.rollovericons a:hover#contact{
background: url(http://icpy.webs.com/button/contact0.png) no-repeat;
}
</style>
<body>
<div class="rollovericons">
<a href="http://www.twitter.com" id="terms"></a>
<a href="http://www.twitter.com" id="contact"></a>
</div>
</body>
Just do:
.rollovericons a{
margin: 10px;
}
这将为每个<a>里面的项目rollovericons class.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
