在css盒子里写列表的点在盒子外面

当你在CSS样式中创建列表（如无序列表`<ul>`），并尝试让列表项的点(`li`元素内的`&bull;`、`·` 或 `•`)显示在列表框之外时，可以使用`list-style-position`属性来控制列表项目的标记位置。默认值通常是`outside`，也就是标记在文本前面。但是如果你想把点放在文本旁边或者之后，你可以设置它为`inside`、`outside`（默认值）、`inline`或`none`。

例如，如果想让点显示在文本右侧，你可以这样做：

ul {
  list-style-type: none;
  padding-left: 0; /* 移除浏览器默认的左内边距 */
}

li::before {
  content: "\2022"; /* 使用Unicode字符（比如"\2022"代表小圆点）代替默认的点 */
  position: relative; /* 设置元素相对于其父元素定位 */
  left: -2em; /* 将点向右移动两个外边距的距离，使之超出列表框 */
}

在这个例子中，我们清除了内置的列表样式，并通过伪元素`::before`手动插入了一个点，然后调整了它的位置使其位于列表框之外。