问题描述
您好,我这里有一个代码,除了一件事之外,它都是完美的.代码中每个按钮之间没有空格.我试过保证金,但不幸的是它是一个无序列表,所以我有点困惑.我会添加或替换什么以在两个按钮之间留出空间.帮助??:(
Hi I have a code here that is all perfect except one thing. There is NO space between each button in the code. I've tried margin, but unfortunately its an unordered list so I am a bit confused. What would I add or replace to have space between the two buttons. Help?? :(
<!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>
推荐答案
随便做吧:
.rollovericons a{ margin: 10px; }
这将为 rollovericons 类中的每个 <a> 项目添加边距.
That will add a margin to every <a> item inside the rollovericons class.