[分享]css中如何把li的点放在框内

在CSS中，我们可以使用liststyle属性来控制li元素的标记位置。默认情况下，li元素的标记位于内容前面，也就是在框外面。如果我们希望把标记放在框内，就需要对liststyle属性进行设置。li...

在CSS中，我们可以使用list-style-position属性来控制li元素的标记位置。默认情况下，li元素的标记位于内容前面，也就是在框外面。如果我们希望把标记放在框内，就需要对list-style-position属性进行设置。

li {
  list-style-position: inside;
} 

上面的代码中，我们通过设置list-style-position属性的值为inside，将li元素的标记放在了框内。这样一来，不管li元素的内容是什么样的，都不会影响标记的显示效果。

另外，如果我们需要将所有li元素的标记都放在框内，可以直接对ul或ol元素设置list-style-position属性：

ul, ol {
  list-style-position: inside;
} 

通过上述方法，我们可以很方便地控制li元素的标记位置，使页面的视觉效果更加统一美观。