css:创建水平菜单

1、新建HTML文件

2、创建ul，li列表

3、预览效果如图

4、设置li {display:inline}让列表水平显示

5、设置a的样式

a

{

float:left;

width:7em;

text-decoration:none;

color:white;

background-color:#09F;

padding:0.2em 0.6em;

border-right:1px solid white;

text-align:center;

}

6、设置鼠标划过a的样式a:hover {background-color:#03C;}

7、预览效果如图