让CSS帮助搭建网页左边导航

CSS是一种用于定义样式的计算机语言，它可以帮助搭建网页左边导航，使网页更加漂亮简洁。

首先，我们需要定义一个

，用来作为网页左边导航的容器，可以使用如下CSS代码：

```
div#leftNav {
width: 200px;
float: left;
margin-right: 20px;
background-color: #f2f2f2;
padding: 10px;
border: 1px dashed #ccc;
}
```

其中，width属性表示网页左侧导航的宽度，float属性表示左侧导航的位置，margin-right属性表示左右的边距，background-color属性表示左侧导航的背景颜色，padding属性表示左侧导航的内边距，border属性表示左侧导航的边框。

接下来，可以在div#leftNav中定义一系列标题，用于显示网页左侧导航的内容，可以使用如下CSS代码：

```
div#leftNav h3 {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 5px 0;
color: #333;
}
```

其中，font-size属性表示左侧导航标题的字体大小，font-weight属性表示左侧导航标题的字体粗细，margin属性表示左侧导航标题的上下边距，padding属性表示左侧导航标题的内边距，color属性表示左侧导航标题的字体颜色。

接下来，可以定义一系列链接，用于显示网页左侧导航的内容，可以使用如下CSS代码：

```
div#leftNav a {
display: block;
margin: 0;
padding: 8px 10px;
font-size: 12px;
color: #555;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
```

其中，display属性表示链接的显示方式，margin属性表示链接的上下边距，padding属性表示链接的内边距，font-size属性表示链接的字体大小，color属性表示链接的字体颜色，text-decoration属性表示链接的文本装饰，border-bottom属性表示链接底部的边框。

最后，可以定义一个鼠标悬停在左侧导航上的效果，可以使用如下CSS代码：

```
div#leftNav a:hover {
color: #000;
background-color: #fafafa;
}
```

其中，color属性表示鼠标悬停时链接的字体颜色，background-color属性表示鼠标悬停时链接的背景颜色。

通过上述CSS代码，就可以完成网页左边导航的搭建，使网页更加美观简洁。