标题：使用html，css提供简单的导航栏1，实现过程
首先通过ul、li实现无序列表，添加背景得到如图所示的样式【文档流】
让沥浮起来，纵向排列横向排列。 【打开bfc，注意ul偏离文档流，其宽度的高度被ul的内容li扩展】
设置li的宽度，使ul中内容的分布与超链接的宽度相等。 这将扩大您可以单击的范围。 【注意：在此步骤中，必须先设置内联元素-块元素，然后才能设置宽度】
设置字体颜色、大小，去除超链接下划线，将文字置于内容中央二、注意：文本对齐：中心； 把内容【文字】放在中央
以及margin :0自动； 就是把元素放在中间
！ doctypehtmlhtmlheadmetacharset=' utf-8 ' title测试导航栏2再一次/titlestyletype=' text/CSS ' * { margin 3:0； padding:0； } .nav{ /*取消默认装饰*/list-style:none； /*设置宽度*/width:800px； /*设定背景*/background-color:pink； /*安装位置*/margin :10 px自动； bfc */overflow :隐藏； } li{ /*移动块元素li*/float:left； /*设定幅度*/width:25%； } a{ /*将内联元素设置为块元素*/display:block； /*设定宽度以扩大范围。 请先将其设置为块元素。 否则，宽度无效。 */width:100%； /*字体大小*/font-size:20px设置； /*字体颜色*/color :黑色； /*字符位置*/text-align:center； /*去掉下划线* /文本修饰： none； } a:hover{ /*设置鼠标移动状态*/background-color:green； }/style/headbodyulclass=' nav ' lia href=' # '首页/a/li lia href='# '新闻/a/li lia href='# '联系人/a/lia