gpt4 book ai didi

html - 如何在垂直导航栏上的这些按钮之间放置空格?

转载 作者:太空宇宙 更新时间:2023-11-04 14:37:42 25 4
gpt4 key购买 nike

正如标题所言。我希望垂直导航栏中的四个按钮之间有空格。 JSFIDDLE

HTML

<div id="classesnav">
<ul>
<li><a href="#">Buttercream Skills</a></li>
<li><a href="#">Flower and Cake Design</a></li>
<li><a href="#">Gum Paste and Fondant</a></li>
<li><a href="#">Advanced Gum Paste Flowers</a></li>
</ul>
</div><!--end of classesnav-->

CSS

#classesnav {   
position:absolute;
}

#classesnav ul {
list-style:none;
display:block;
}

#classesnav ul li {
padding:10px 3px 10px 3px;
background-color:#FEC7FD;
display:block;
border-radius:10px;
}

#classesnav ul li a {
display:block;
text-decoration:none;
color:#000000;
}

最佳答案

也许使用margin-bottom:

#classesnav ul li {
padding:10px 3px 10px 3px;
background-color:#FEC7FD;
display:inline:block;
border-radius:10px;
margin-bottom: 10px;
}

Fiddle

关于html - 如何在垂直导航栏上的这些按钮之间放置空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22288607/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com