在网页设计中，列表、表格和边框是非常常用的元素。而CSS正是帮助我们控制这些元素的关键。

首先，我们来看列表。在HTML中，我们可以用<ul>和<li>标签创建无序列表，用<ol>和<li>标签创建有序列表。而在CSS中，我们可以通过设置list-style-type属性来控制列表项的符号样式。

ul {
  list-style-type: disc; /* 空心圆点 */
}

ol {
  list-style-type: decimal; /* 数字1, 2, 3... */
}

如果我们想改变列表项的符号样式，还可以使用以下值：

square /* 实心正方形 */
circle /* 实心圆 */
none /* 不显示符号 */

接下来，让我们看看表格。在HTML中，我们可以使用<table>、<thead>、<tbody>、<tr>、<th>和<td>标签创建表格的结构。在CSS中，我们可以使用border属性来控制表格的边框。

table {
  border-collapse: collapse; /* 折叠边框 */
}

th, td {
  border: 1px solid black; /* 1像素实线边框 */
}

如果我们想为表格添加内边距(padding)或外边距(margin)，可以使用padding或margin属性。

table {
  padding: 10px; /* 内边距10像素 */
  margin: 20px; /* 外边距20像素 */
}

最后，让我们来看看边框。在CSS中，我们可以使用border属性来设置元素的边框，其中包括边框的宽度、样式和颜色。

div {
  border: 2px solid black; /* 2像素实线黑色边框 */
}

如果我们只想设置某个方向的边框，可以使用border-top、border-right、border-bottom和border-left属性。

div {
  border-top: 1px dotted gray; /* 1像素点状灰色上边框 */
}

综上所述，CSS可以帮助我们更好地控制列表、表格和边框的样式，让网页设计更加美观。