css - 底纹双底边框

.sitemapml li db {
 border-bottom: medium dotted #36383b;
 z-index: -1;
 left: 1px;
 bottom: -4px;
 position: relative;
 width: 230px;
}
.sitemapml li {
    border-bottom: medium dotted #888b8e;
    width: 230px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    z-index: 600;
}

我正在尝试使用此菜单项来阴影菜单列表中的点分隔符，问题是，点处在适当的位置，但宽度不足230像素。即它设置为A Href内部宽度。我也将a href宽度也更改为230px。

最佳答案

尽管我不确定<db>标记是什么，但您提到了A Href inside width，所以我假设您正在尝试使用<a href="#">标记。

定位标记是内联元素，不是块元素。因此，它们将仅使用其包含的文本的宽度，而不是您设置的像素尺寸。

您将需要在锚样式中添加display: block。这将更改它以使用您的230px宽度。

JSFiddle Example

关于css - 底纹双底边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22634861/