css图片设置宽高无效果(css图片设置宽高)

CSS是一种很重要的网页设计语言，它可以设置网页的样式，包括颜色、字体、间距、布局等等。其中一个比较重要的功能就是设置图片的宽高。通过CSS，我们可以很容易地改变图片的大小，以适应我们的网页布局。

在设置图片的宽高之前，我们需要先加载图片。一般情况下，我们使用HTML标签来加载图片，如下：

这段代码将在网页上插入一张名为"image.jpg"的图片，并给它加上一个名为"An image"的描述。

接下来，我们可以使用CSS来设置这张图片的宽高。有两种方式可以实现：

通过属性方式设置

我们可以使用CSS的属性方式来设置图片的宽高。可以使用width和height属性来设置图片的宽和高，如下：

img {
width: 200px;
height: 150px;
}

这段代码将把图片的宽设置为200像素，高设置为150像素。请注意，这里的单位是像素。

通过百分比方式设置

我们也可以使用百分比方式来设置图片的宽高。这种方式比较灵活，可以根据网页布局来设置图片的大小。可以使用CSS的width和height属性，并加上百分号，如下：

img {
width: 50%;
height: 50%;
}

这段代码将把图片的宽设置为网页宽度的50%，高设置为网页高度的50%。请注意，这里的单位是百分号。

总之，CSS是一个非常强大的网页设计工具，可以帮助我们实现各种样式的效果。通过理解CSS相关的知识，我们可以打造出美观、实用的网页。