html - 设计带边框的侧边栏

Question

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

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

Answer 1

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