我想知道如何在一个无序的列表周围做一个边框，就在列表周围。有点像一个盒子。
rn0zuynd1#
ul{ display:inline-block; border:1px solid #000; padding:20px; }
<ul> <li>hey</li> <li>hey</li> <li>hey</li> </ul>
这应该能成功！：）
我已经编辑了我的答案…现在它只是围绕列表项目…不是100%
bihw5rsg2#
有两种方法可以实现这一点。你可以放一个ul选择器，就像在另一个例子中显示的那样，或者只是把它放在一个，有点像一个容器。然后编辑它的高度和宽度。但是我会坚持你所要求的意义。下面是一些代码。
ul { border: 1px solid black; padding-right: 0px; padding-left: 28px; width: 50px; border-radius: 5px; }
<ul> <li>Hello</li> <li>Hello</li> <li>Hello</li> </ul>
让我知道如果你有任何其他问题！
zlwx9yxi3#
下面的代码可以帮助你创建一个带有列表的表结构。
ul{ list-style-type: none; margin-top:0; padding-left: 0; border: 1px solid orangered; } li:not(:last-child){ border-bottom: 1px solid orangered; } }
<body> <div> <ul> <li>Test1</li> <li>Test2</li> <li>Test3</li> </ul> </div> </body>
3条答案
按热度按时间rn0zuynd1#
这应该能成功！：）
编辑
我已经编辑了我的答案…现在它只是围绕列表项目…不是100%
bihw5rsg2#
有两种方法可以实现这一点。你可以放一个ul选择器，就像在另一个例子中显示的那样，或者只是把它放在一个，有点像一个容器。然后编辑它的高度和宽度。但是我会坚持你所要求的意义。下面是一些代码。
让我知道如果你有任何其他问题！
zlwx9yxi3#
下面的代码可以帮助你创建一个带有列表的表结构。