列表的前端界面

列表是前端界面中常见的一种形式，通常用于展示一组数据。在前端开发中，我们可以使用 HTML 和 CSS 来创建列表。

HTML 中可以使用无序列表 `<ul>` 和有序列表 `<ol>` 标签来创建列表。例如，下面是一个无序列表的 HTML 代码：

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

使用 CSS 可以对列表进行样式美化，如改变列表项的字体、颜色、背景等。例如，下面是一个简单的 CSS 样式代码：

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  padding: 8px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
}

这段代码会将无序列表的默认样式去掉，并将每个列表项的背景色设为灰色，同时添加一个下边框。