我看到了很多与这个主题相关的问题,但没有一个回答我的问题。我正在为一个网站制作一个侧边栏,我试图在与侧边栏宽度相同的框中创建链接,只有一点填充,也许是10-15px,并且每个链接之间有一点点空间。也许 3 像素。但我似乎无法得到 text-decoration: none;无论我尝试过什么,都要工作。
这是迄今为止我得到的最成功的代码:
HTML
<div id= "sidebar">
<h3>Navigation Links</h3>
<div id= "sidelinks">
<ul>
<li><a href= "#">Home</a></li>
<li><a href= "#">Biography</a></li>
</ul>
</div>
</div>
CSS
#sidebar {
background: #464646;
width: 250px;
height: 1000px;
margin-left: 50px;
border-radius: 15px;
}
h3 {
font-family: 'Coda', cursive;
color: white;
background: #6B6B6B;
font-size: 24px;
text-align: center;
padding: 15px 0 8px 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#sidelinks {
font-family: 'Armata', sans-serif;
font-size: 25px;
text-decoration: none;
color: white;
background-color: #4D4D4D;
padding: 10px;
position: relative;
}
删除text-decoration
设置颜色很容易
#sidelinks a {
color:black;
text-decoration:none;
}
删除点也是如此
#sidelinks ul {
list-style:none;
padding:0;
margin:0;
}
如果你看一下你发布的CSS,它实际上没有一个是针对的<a>
or <ul>
所以不确定为什么您期望除默认样式之外的其他样式。
小提琴并不具备一切,但它应该会带你走向正确的方向:http://jsfiddle.net/eNUpJ/ http://jsfiddle.net/eNUpJ/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)