怎样通过html和css给左侧导航栏设置边框
时间: 2023-12-29 19:02:05 浏览: 209
基于html和CSS3制作简单侧边导航栏
您可以使用 CSS 的 border 属性来为左侧导航栏设置边框。例如,下面的 CSS 代码可以为 ID 为 "nav" 的左侧导航栏设置 1 像素宽度、红色的边框:
```css
#nav {
border: 1px solid red;
}
```
您也可以通过指定不同的边框属性来设置不同宽度、颜色、样式的边框。例如,下面的 CSS 代码可以为 ID 为 "nav" 的左侧导航栏设置不同的边框样式:
```css
#nav {
border-top: 2px dotted blue;
border-right: 1px solid black;
border-bottom: 3px double green;
border-left: 2px dashed orange;
}
```
这个例子将为左侧导航栏的上边框设置 2 像素宽度、点状样式,右边框设置 1 像素宽度、实线样式,下边框设置 3 像素宽度、双线样式,左边框设置 2 像素宽度、虚线样式。
阅读全文