css小图标宽高

CSS小图标宽高是网页设计中非常重要的一部分，因为它涉及网页排版效果的美观性和整洁性。下面我们来详细了解一下CSS小图标宽高应该如何设置。

.icon {width: 20px;height: 20px;}

首先，我们需要明确CSS小图标的宽和高应该设置多少。一般来说，20px是一个比较合适的大小，这样的大小既不会过于显眼，也不会过于不起眼。一些网页设计师喜欢将小图标设置得更小，但这样有可能会影响到小图标的可读性和美观性。

其次，我们需要注意小图标的宽和高要保持一致。如果宽和高不一致，那么小图标的形状可能会变得奇怪，同时也会影响到小图标在网站中的排版效果。

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

最后，我们需要设置小图标的背景大小。正常情况下，小图标的背景大小应该是100%。这样才能保证小图标在不同的屏幕分辨率下显示的效果一致，并且能够协调好小图标的大小和网页排版效果。

总之，CSS小图标宽高的设置对网页设计效果非常重要。通过适当的设置，我们可以让小图标更加美观、整洁、具有可读性，并且更加适合网页排版效果。

上一篇：css局部放大讲解

下一篇：css将文字分散开