CSS小圖是網頁中經常使用的一種小型圖片，通常用于作為網頁排版中的裝飾性元素。但有時候，我們需要將這些小圖放大，以更好地展示細節或突出重點。那么，如何在CSS中實現小圖放大呢？

下面，我們通過代碼演示，分別使用CSS的transform和background-size屬性來進行小圖放大。

<style>
/*使用transform放大小圖*/
img {
transition: transform .5s ease;
}
img:hover {
transform: scale(1.5);
}
/*使用background-size放大小圖*/
.bg-img {
display: inline-block;
width: 50px;
height: 50px;
background-image: url('small.png');
background-size: 100px 100px;
}
.bg-img:hover {
background-size: 150px 150px;
}
</style>
<!-- 使用transform放大小圖 -->
<img src="small.png" alt="小圖">
<!-- 使用background-size放大小圖 -->
<div class="bg-img"></div>

其中，使用transform放大小圖的方法是通過為需要放大的圖片添加:hover偽類和scale()函數來實現。而使用background-size放大小圖，則是在原來的小圖上添加一個容器元素，并為其添加:hover偽類和新的背景圖片尺寸。

綜上，我們可以通過以上兩種方式，輕松實現小圖放大效果，并為網頁內容增添更多的可讀性和美感。