设计带边框的侧边栏

Question

我在 PSD 文件中有这样的设计：原始设计 psd

现在，我正在尝试将 psd 文件上的这个设计转换为 html 文件。这是我的结果，它看起来不像设计：转换为 html

Answer 1

使 li 和 a 元素 100% 宽度，显示块。给左30px左右的填充，然后给它一个3px纯透明的左边框。悬停时，将边框颜色更改为黄色。

Answer 2

不看代码有点难说，但很可能您应该在这些列表元素上使用padding-left 而不是margin-left 来创建与父元素左边框的距离。