css如何使用li标签实现导航条

2024-10-14 03:10:36

1、新建一个html文件,命名为test.html,用于讲解css如何使用li标签实现导航条。

css如何使用li标签实现导航条

3、在test.html文件中,设置ul标签的class为myhang,用于设置样式。

css如何使用li标签实现导航条

5、在css标签内,再设置li标签的样式,设置宽度为20%,浮动向左,文字居中,右边框为1px白色实线。

css如何使用li标签实现导航条
猜你喜欢