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

来源:2-2 编程练习

慕仔0737733

2017-07-07 23:09

.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;

http://img.mukewang.com/595fa41e00017ec102770502.jpg

写回答 关注

4回答

  • 慕仔8853991
    2018-10-04 13:33:11

    a标签里三角拿出来

  • Fishzz
    2018-06-20 12:45:46

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

    应该写在li标签

  • 这人不懒_学习刻苦
    2017-08-12 01:19:09

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

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

    1、入门

    background-image:url(http://img.mukewang.com/5411027300014f0200220030.jpg);

    background-repeat:no-repeat;

    background-position:right;

    2、有基础的

    background:url(http://img.mukewang.com/5411027300014f0200220030.jpg) no-repeat right;

  • 慕仔0737733
    2017-07-07 23:11:38

    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;
    }

    (big是一个大框架的div product是全部商品的div)

商城分类导航效果

两种方法实现分类导航,同时扩展讲解其它商城分类导航的制作方法

63737 学习 · 276 问题

查看课程

相似问题