为什么不显示list-style-image?
来源：3-2 企业网站制作之页面头部制作（一）
飞天意大利面神兽
2016-05-31 14:11
<!DOCTYPE html> <html> <head> <link href="css/main.css" rel="stylesheet" type="text/css" /> <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script> <meta charset="UTF-8"> <title></title> </head> <body> <div class="top"> <div class="top_content"> <ul> <li><a href="#" onclick="SetHome(window.location)">设为首页</a></li> <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li> <li><a href="#" >联系我们</a></li> </ul> </div> </div> </body> </html>
*{margin: 0;padding: 0;font-size: 12px;}
body{background-color: #F5F5F5;}
.top{width: 100%;height: 27px;background: url(../images/top_bg.jpg) repeat-x;}
.top_content{width: 1000px;margin: 0 auto;position: relative;}
.top_content ul{position: absolute;right: 10px;line-height: 27px;}
.top_content li{list-style-image: url(../images/li_bg.gif);display: inline-block;width: 70px;}
.top_content a:link,.top_content a:visited{color:#868686;text-decoration: none;}
.top_content a:hover,.top_content a:active{color:#900}http://www.imooc.com/video/2469
写回答
关注
1回答
-
- 翰术
- 2016-05-31 19:10:41
display: inline-block.改变 li的属性
原来默认的属性是display:item;
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157043 学习 · 1984 问题
相似问题
为什么底部横条不显示
回答 2