html横向导航条代码(html横向导航条代码步骤)

　　CSS -->display 属性

　　预览结果：

CSS -->margin 属性

　　预览结果：

居中显示 -->设置

　　预览结果：

CSS -->padding 属性

　　预览结果：

CSS -->text-align 属性

　　预览结果：

CSS -->posintion 属性

position:absolute 绝对定位

position:fixed 固定位置

position:inherit 继续父元素的位置

position:relative 相对位置

position:static 默认值 正常的布局从上到下 从左到右布局

　　预览结果：

CSS -->列表标签

　　预览结果：

CSS -->list-style 属性

list-style-image: 修改列表前的符号图片

list-style-position 修改图片的位置

list-style-type 修改图片的形状

　　注意：此处ul:hover{...}为伪类：鼠标移动到此处上后要改变的css样式

　　预览结果：

CSS -->制作简单的导航菜单

　　预览结果：

　　至此，常用的一些属性标签都罗列了，【html5 css3 标签 属性 可不止这些】，若要学习 练习 掌握大家可自行到相关网站学习，介绍几个网站：

　　https://www.w3cschool.com.cn

　　https://www.runoob.com/

　　初入IT世界的小白，欢迎大神留言交流，你的互动，是我成长的动力；

　　如果觉得分享内容还不错，就多多留下评论，让更多人一起交流和分享;

　　笔者：垒码大叔「AWEI」