Html 带边框的设计边栏

我在PSD文件中有这样一个设计：原始设计PSD

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

---

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

如果看不到代码，有点难说，但很可能您应该在这些列表元素上使用

padding left

而不是

margin left

来创建与父元素左边框的距离。

请输入您的HTML和CSS以了解您的操作。您好！欢迎来到SO！请输入您的代码（您尝试了什么？）并详细说明您的问题，这样我们就可以了解您到底在尝试做什么。使用F12检查您的元素，您可以得到想法。好的，我很好。我已经解决了我的问题。非常感谢。