html - 如何更改：nth 元素背景大小

Question

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

Answer 1

您可以在 .icon 类中更改它的大小。现在是 50*50 ... 图片在列表中（<ul><li></li><li></li></ul>）如果你改变图片大小你应该改变宽度.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;  
}

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