css小图标设置大小 |css 圆形 背景

在CSS中，大家可以通过指定一个元素的宽度和高度，来控制小图标的大小。下面是一个示例代码：

.icon {
width: 20px;
height: 20px;
background-image: url("icon.png");
}

在这个代码中，大家给一个名为“icon”的元素指定了一个20像素的宽度和高度，并设置了一个背景图片作为小图标。这样，大家就能够控制小图标的大小了。

此外，还有一些其他的CSS属性可以用来控制小图标的大小。例如，“font-size”属性可以控制字体大小，而“transform”属性可以使用缩放功能来调整元素的大小。下面是一些示例代码：

.icon {
font-size: 20px;
background-image: url("icon.png");
}
.icon {
transform: scale(1.5);
background-image: url("icon.png");
}

无论是使用“width”和“height”属性，还是使用其他的CSS属性，都可以帮助大家调整小图标的大小，以便更好地适应大家的页面布局。但是需要注意的是，过度的图标调整可能会导致视觉效果不佳，因此在进行调整时，大家需要谨慎考虑。