今天很容易就做了网页的导航栏。
效果如下。
代码：
！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title实验3/titlestyletype=' text/CSS ' ul {/*导航栏边框*/margin : 3000 /*边框整体位置，30px是指距网页顶部和底部的距离，auto控制左右距离自动调节*/width: 600px； /*边框宽度*/height: 350px； /*边框长度*/padding: 0px； /*将边框填充设置为零。 否则，框内的内容会离开框的边缘。 */border :1 px固态# 000； /*添加边框*/}li{list-style-type: none；/*去除沥之前的点*/float: left；/*使Li浮动联动*/}a{display: block；/*将a设为块*/width: 100px； /*设定块的宽度*/height: 50px； /*块长度*/font-family : microsoftyahei； line-height: 50px； /*设置块中字体的高度*/background-color: #2f4f4f； margin: 0px 0px； /*块内的xdddtd在margin中设定*/color: #fff； 文本对齐3360中心； /*字体居中* /文本修饰：无； /*去掉下划线*/font-size: 15px； } a : hover { background-color : #2F6 f4f； }/style/headbodydivulclass=daohangliahref=' '首页/a/lilia href=' '课程章节/a/lilia href=' '课程实验/a/lilia href