                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

图标显示不对呀可以帮我看看吗

.big li a{
height: 30px;
line-height: 30px;
text-align: left;
padding-left: 8px;
text-decoration: none;
color: #313131;
background: url("../imsges/1.jpg")no-repeat right center;

慕仔0737733

2017-07-07

源自：商城分类导航效果 2-2

关注问题我要回答

1375

操作

收起

4 回答

慕仔8853991
2018-10-04

a标签里三角拿出来

0 回复有任何疑惑可以回复我~

收起回答

Fishzz
2018-06-20

你把三角图片写在了<a>标签了.

应该写在li标签

1 回复有任何疑惑可以回复我~

收起回答

这人不懒_学习刻苦
2017-08-12

background: url("../imsges/1.jpg")no-repeat right center;为啥要加上center？这样加上去已经冲突了好么

建议你还是老老实实写好点：

1、入门

background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);

background-repeat:no-repeat;

background-position:right;

2、有基础的

background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;

0 回复有任何疑惑可以回复我~

收起回答

慕仔0737733 提问者
2017-07-07

body{font-size: 14px; font-family: "Microsoft YaHei";}
*{margin: 0;padding: 0;}
.big{
border: solid 3px #c9394a;
display: block;
width: 220px;
}
.product{
height: 40px;
line-height: 40px;
background: #c9394a;
color: #fff;
text-align: left;
padding-left: 20px;
font-weight: bold;
} }
.big li{
list-style: none;
z-index: 3;
}
.big li a{
height: 30px;
line-height: 30px;
text-align: left;
padding-left: 8px;
text-decoration: none;
color: #313131;
background: url("../imsges/1.jpg")no-repeat right center;
}
.big li a:hover{
text-decoration: none;
color: #c9394a;
font-weight: bold;
}