Question

我已经看到很多与此主题相关的问题，但没有人回答我的问题。我正在为一个网站制作一个侧边栏，我试图在与侧边栏宽度相同的方框中创建链接，只有一点填充，可能是10-15px，每个之间有一点点空间。也许3px。但我似乎无法得到文字装饰：没有;无论我尝试过什么，都要工作。

这是我迄今为止获得的最成功的代码：

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;
}

Answer 1

删除text-decoration并设置颜色很容易

#sidelinks a {
    color:black; 
    text-decoration:none;
}

删除点

#sidelinks ul {
    list-style:none;
    padding:0;
    margin:0;
}

如果你看一下你发布的CSS，实际上没有一个是<a>或<ul>，所以不确定你为什么期待其他风格而不是默认风格。

小提琴没有一切，但它应该向你发送正确的方向：http://jsfiddle.net/eNUpJ/

Answer 2

添加重置css，我想你必须了解css reset http://meyerweb.com/eric/tools/css/reset/

a {text-decoration: none;}

或

#sidelinks a {text-decoration: none;}

text-decoration：none没有在ul上工作

2 个答案: