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

如何更改此示例中圖片的大小http://codepen.io/anon/pen/IDKAo我正在製作具有此效果的照片庫，並且我需要更改圖片的大小，任何人都可以提供幫助嗎？這是一個非常複雜的CSS，所以我明白，如果你不能。 This is my desired image 如何更改：第n個元素的背景大小

來源

2012-11-19 user1815176

我看見你提供的鏈接，你可以告訴我你想要的結果圖片，你究竟需要什麼...... –

這是我想要的圖片^ – user1815176

這是現有的代碼

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

在高度和寬度的地方指定的值我們像例如：

height:80px; 
width:80px;

來源

2012-11-19 05:22:53

您可以在.icon類改變它的大小。現在它是50 * 50 ...圖片是在列表中（< ul> < li> </li> < li> </li> </ul>）如果您更改圖片大小，您應該更改寬度。容器類也是如此。 ...你可以僅僅通過如圖片所示按下F12鍵找到鍍鉻的CSS代碼...

enter image description here

來源

2012-11-19 05:23:07

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

檢查此增加圖像的大小

來源

2012-11-19 05:25:21

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

回答

相關問題