Question

嘿，我想知道如何围绕无序列表和列表周围创建边框。有点像一个盒子。我试图在网上搜索它，但我简直无法弄明白。

Answer 1

ul{
        display:inline-block;
        border:1px solid #000;
        padding:20px;
}

<ul>
  <li>hey</li>
  <li>hey</li>
  <li>hey</li>
</ul>

应该做的伎俩！：）

我已经编辑了我的答案......现在它只是在列表项目周围...而不是100％

Answer 2

有两种方法可以解决这个问题。你可以把一个ul选择器放在另一个例子中，或者只是把它放在一个类似于容器的东西中。然后只需编辑它的高度和宽度。但我会坚持你所要求的感觉。下面是一些代码。

＆＃13;

ul {
  border: 1px solid black;
  padding-right: 0px;
  padding-left: 28px;
  width: 50px;
  border-radius: 5px;
}

＆＃13;

<ul>
  <li>Hello</li>
  <li>Hello</li>
  <li>Hello</li>
</ul>

＆＃13;

如果您对此有任何其他疑问，请与我联系！