Question

我需要在外面定位的子弹下方放置一个底部边框。我无法使用内部定位，因为文本包裹在子弹下。请告诉我是否可以按照我的要求行事。

谢谢。

Answer 1

我发现使用小图像作为子弹我有更好的运气。您可以准确控制它到达像素的位置。

ul li
{
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

Answer 2

我会移除子弹并使用背景图像作为子弹。确保隐藏原始子弹并应用填充。以下示例只需要播放背景位置即可。

<html>
<head>
    <title></title>
    <style type="text/css" media="screen">
        li{
            border-bottom:solid #c9c9c9 1px;
            background:url(/bullet.gif) no-repeat 0 0;
            list-style:none;
            margin:0;
            padding-left:20px;
        }
    </style>
</head>
<body>
    <ul>
        <li>example</li>
        <li>example</li>
        <li>example</li>
        <li>example</li>
        <li>example</li>
    </ul>
</body>
</html>

Answer 3

您是否需要在每个li下或在列表中的最后一个li下面设置边框？

编辑：对不起我是stackoverflow的新手，并没有意识到我在答案框中问了一个问题。

解决方案：

希望您熟悉样式表的基本原理。如果没有，请转到here：

 .listName li {
    border-bottom: 1px solid #000000;
 }

在<li> </li>下放置底部边框

3 个答案: