本文介紹了在按鈕之間添加空間?的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
您好，我這里有一個代碼，除了一件事之外，它都是完美的.代碼中每個按鈕之間沒有空格.我試過保證金，但不幸的是它是一個無序列表，所以我有點困惑.我會添加或替換什么以在兩個按鈕之間留出空間.幫助??:(
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 id="terms"></a>
<a id="contact"></a>
</div>
</body>
推薦答案
隨便做吧:
.rollovericons a{
margin: 10px;
}
這將為 rollovericons 類中的每個 <a> 項目添加邊距.
That will add a margin to every <a> item inside the rollovericons class.
這篇關于在按鈕之間添加空間?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！