用inline-block实现横向导航菜单

2024-11-05 03:19:58

1、新建html文件

用inline-block实现横向导航菜单

2、创建导航

用inline-block实现横向导航菜单

3、创建导航样式,这里用的是float

用inline-block实现横向导航菜单

4、预览效果如图

用inline-block实现横向导航菜单

5、改为用inline-block

用inline-block实现横向导航菜单

6、效果如图

用inline-block实现横向导航菜单

7、去掉中间的间隙

用inline-block实现横向导航菜单

8、最终效果如图

用inline-block实现横向导航菜单
猜你喜欢