HTNL代码制作小米导航

2024-10-13 03:30:57

1、小米的页面一直备受大家喜爱,今天我们用代码制作下小米网站的导航部分,如图

HTNL代码制作小米导航

3、将导航部分分为几个区域,左侧Logo是一部分,中间导航是一部分,然后将两个盒子腻戴怯猡包裹起来的是一个大盒子,按着这样的框架,分别建立head类名称、Logo类名称、nav类名称

HTNL代码制作小米导航

5、然后对其进行修饰编写,logo和nav全部浮动,导航里面的标签栏也都是浮动效果,如图

HTNL代码制作小米导航HTNL代码制作小米导航
猜你喜欢