双底边框用于着色

时间:2014-03-25 12:37:37

标签: 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;
}

我试图使用它来遮蔽一个menulist中的虚线分隔符,问题是,这些点已经到位,但不是正确的230px宽度。即它设置为宽度内的A Href ..我也将a href宽度更改为230px ..但点仍然只保留在HOME字样下面。

1 个答案:

答案 0 :(得分:0)

虽然我不确定<db>标记是什么,但您提及了A Href inside width,因此我假设您尝试使用<a href="#">标记。

锚标记是内联元素,而不是块元素。因此,它们只会使用所包含文本的宽度,而不是您设置的像素尺寸。

您需要将display: block添加到您的Anchor样式中。这会将其更改为使用230px宽度。

JSFiddle Example