导航布局的完成完成

Original 2018-12-05 19:27:38 152
abstract:这个方式好多都是自己用css的组合起来的 写完了才看的教程 有些错误 自己加以改正了 还有 还有一个问题.header_a ul li a span{width: 15px;height: 15px;background-image: url(image/dalu.png);} 怎么插入到导航

这个方式好多都是自己用css的组合起来的 写完了才看的教程

有些错误 自己加以改正了 还有

还有一个问题

.header_a ul li a span{width: 15px;height: 15px;background-image: url(image/dalu.png);} 怎么插入到导航后面不可用 我有点不理解 求解释 谢谢

css

*{padding: 0px;margin: 0px;}

.header{width: 100%;height: 38px;background-color: #f5f5f5}

.header_content{width: 1160px;height: 38px;margin: 0px auto;}

.header_left{width: 282px;height: 38px;float: left;}

.header_right{width: 584px;height: 38px;float: right;}

.header_left ul li{list-style: none;float: left;line-height: 38px;margin-right:15px;font-size: 3px;color: #6C6C6C;}

.header_left ul li a[href="v"]{color: #F22E00}

.header_left ul li a{text-decoration: none;color: #6c6c6c;}

.header_left ul li a:hover{color: #F22E00;}

.header_right ul li{list-style: none;float: left;line-height: 38px;margin-right:21px;font-size: 3px;color: #6C6C6C;}

.header_right ul li a{text-decoration: none;color: #6c6c6c;}

.header_right ul li a:hover{color: #F22E00;}

html

Document







Correcting teacher:灭绝师太Correction time:2018-12-06 09:29:53
Teacher's summary:插入图片的话,不需要套这么多层,给一个img或者.header_a ul下面加一个列表项添加背景图就可以了,不要把布局想发繁琐,先自己试试!

Release Notes

Popular Entries