img { width: 50%; }
如上代码所示,大家可以使用width
属性来设置图片的宽度,这里设置为50%
表示将图片宽度缩小为原来的一半。当然,你也可以设置其他比例的大小。
除了width
属性外,大家还可以使用height
属性来设置图片的高度。不过需要注意的是,在设置图片大小时,最好使用比例方式,并且不要将图片拉伸变形。
同时,如果大家需要让图片在容器中水平居中,可以使用以下代码:
img { display: block; margin: 0 auto; }
上述代码将图片设置为块级元素,然后通过设置margin
属性实现水平居中。这样可以让图片更加美观。
总结一下,通过 CSS 中的width
和height
属性以及居中方式,大家可以轻松实现图片的百分比缩小。这对于网页设计来说是非常实用的技巧。