为了账号安全,请及时绑定邮箱和手机立即绑定

能帮忙分析一下吗?有时候还是不怎么懂

.topList{
    width:300px;
    height:180px;
    border:1px solid #E8E8E8;
    margin:0 auto;
    }
ul{
    margin:0;
    list-style-type:none;
    padding:5px;
    font-size:12px;
}
em{
    width:20px;
    height:16px;
    text-align:center;
    font-style:normal;
    color:#333;
    background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
    background-position:0px 16px;
    display:block;
    float:left;
}
.top em{
    background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
    background-position:16px 0px;
}
a:link,a:visited{
    text-decoration: none;
    color: #000;
}
a:hover,a:active{
color: #f00;
}

我在ul样式里设置list-style-type;font-size,padding;但是ul距div还是有很大间距.

background-position我也不是太懂,设置0 16px;这个我知道。但是16px 0这是代表什么?为什么可以实现只显示蓝色图片

正在回答

1 回答

0 16px 是背景图相对于你设置的那个元素的盒子的右上角向右偏移0,向下偏移 16px

16 0px 是背景图相对于你设置的那个元素的盒子的右上角向右偏移16px,向下偏移 0px

至于你的间距很大,可能是你没有设置ul的左浮动,或者你的ul的父元素div本身带有默认的padding,

喜欢简单粗暴点的就在开头设置*{margin:0;padding:0}这样你所有的元素都没有默认的padding,跟margin有好有坏

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

咖啡学者 提问者

非常感谢!
2017-04-16 回复 有任何疑惑可以回复我~
#2

春林初盛_

16 0px 是背景图相对于你设置的那个元素的盒子的右上角向右偏移16px,向下偏移 0px,那为什么会得到背景图灰色部分呢?那应该是0 -16px啊
2017-09-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

能帮忙分析一下吗?有时候还是不怎么懂

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信