img{width:95px;height:95px;padding:1px 20px 37px 30px;
margin-right:10px;
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); }
margin-right:10px;
background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); }
最赞回答 / 定点攻击
盒子分为5个层,第一层是边框border,第二层是内容,第三层是padding内边距,第四层是背景图,第五层是背景色,当你没有设置padding时,内容的大小就是盒子的大小,背景图在不设置大小时,填满盒子的,如果图片不够大就会重复,直到填满为止,当设置了padding时,盒子的大小就是内容加上padding的面积,背景填满,自然就看见了,你可以设置一下内边距为padding:1px 20px 200px 30px;下内边距变大 ,图片重复填满。
2015-09-17