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、预览效果如图