html - html css 工具栏

Question

我在调整工具栏的宽度时遇到问题，当我增加 100px 时，一切都出错了，我怎样才能使边距角变圆？

这是一个演示 - http://jsfiddle.net/bArx5/

多谢

Answer 1

当您增加每个a元素的宽度时，它将包裹列表（如果这就是您所说的“一切都出错了”）。您可以通过设置ul元素的最小宽度来防止这种情况（此处为小提琴）：

ul#list-nav {
    margin: 20px;
    min-width: 700px;
}

这必须根据a元素的宽度进行调整。

我真的不知道你的意思是“我怎样才能使边缘角变圆”，但如果你想要的是你的锚元素的圆角，你可以为它们添加一个边框半径：

ul#list-nav li a:hover {
    background-color:black;
    color:white;
    border-radius: 5px;
}​