css列表背景变成椭圆形

CSS 列表是 Web 页面中重要的元素之一。默认情况下，列表项的背景色为矩形，看起来比较单调。但是，通过使用 CSS 和一些技巧，可以使列表项背景色变成椭圆形，让页面看起来更加时尚和有趣。

/* HTML 代码 */
<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

/* CSS 代码 */
ul {
  list-style: none; /* 去掉列表项的默认样式 */
}

li {
  background-color: #F7F7F7; /* 列表项的背景色为灰色 */
  padding: 10px; /* 列表项的内边距为 10 像素 */
  margin-bottom: 10px; /* 列表项之间的外边距为 10 像素 */
  border-radius: 20px; /* 列表项的边框半径为 20 像素 */
}

以上代码中，通过设置列表项的 border-radius 属性，实现了将背景色变成椭圆形的效果。同时，添加了一些样式使得页面更加美观。在实际开发中，还可以根据需要对列表项的其他属性进行设置来实现更加炫酷的效果。

总之，通过使用 CSS 和一些技巧，可以将列表项背景色变成椭圆形，增加页面的美观程度和趣味性。