https://jsfiddle.net/gnpoy2jc/
我想在整个导航元素周围做一个边框。不是每个人都有一个标签。我似乎无法让它工作
HTML
<nav class="bigBar">
<a class="about" href="#">ABOUT</a>
<a class="ministries" href="#">MINISTRIES</a>
<a class="evangelsts" href="#">EVANGELSTS</a>
<a class="resources" href="#">RESOURCES</a>
</nav><!--end class bigBar-->
CSS
.bigBar a {
padding: 10px 15px;
text-align: center;
color: white;
text-decoration: none;
float: left;
width: 15%;
background: #933737; }
试试这个，你可以修改两个宽度值来调整它你的页面
.bigBar{
display: inline-block;
border: 2px solid black;
width: 100%;
}
.bigBar a {
padding: 10px 15px;
text-align: center;
color: white;
text-decoration: none;
float: left;
width: 15%;
background: #933737; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句