如何更改：第n个元素背景大小

Question

如何在此示例中更改图片的大小http://codepen.io/anon/pen/IDKAo我正在制作具有此效果的照片库，我需要更改图片的大小，有人可以帮忙吗？这是一个非常复杂的CSS，所以我理解你不能。

Answer 1

您可以在.icon类中更改它的大小。现在它是50 * 50 ...图片在列表中（＆lt; ul＆gt;＆lt; li＆gt;＆lt; / li＆gt;＆lt; li＆gt;＆lt; / li＆gt;＆lt; / ul＆gt;）如果您更改图片大小，您也应该更改.container类的宽度。 ...你可以通过按f12找到chrome中的css代码，如图所示......

Answer 2

这是现有代码

.icon {
  background:url(http://lorempixel.com/50/50/nature/1);
  display:inline-block;
  height:50px;
  width:50px;  
}

在高度和宽度的位置指定值，例如：

 height:80px;
 width:80px; 

Answer 3

.icon {
  background:url(http://lorempixel.com/50/50/nature/1);
  display:inline-block;
  height:60px;
  width:60px;  
}

选中此项以增加图像的大小