带边框的设计侧边栏

Question

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

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

Answer 1

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

Answer 2

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