# 导航栏 （只用a标签） 一个div盒子 几个a 标签 ## 1\. 先定div盒子大小（一般不给宽 默认就行） ~~~ 设置盒子行高 颜色填充 边框 height:41px ; background-color: red; border-top: 3px solid aqua; ~~~ ## 2\. 给内容空间 a为行标签（一般行标签要转回行内块标签 ） ~~~ 设置行高 背景色 转换行内块 内边距（内容体值变化） 行高 文字下划线样式 height: 41px; 行高 background-color: pink; 背景色 display: inline-block; 转换行内块 padding: 0 20px; 内边距（内容体值变化） line-height: 41px; 垂直居中 color: black; text-decoration: none; 文字下划线样式 ~~~ ## 3\. 点击时颜色改变 （通过给a：hover 鼠标经过属性改变颜色） ~~~ .nav a:hover{background-color: #00FFFF;} ~~~