CSS问题怎么改变图片的大小

html-css029

CSS问题怎么改变图片的大小,第1张

在图片的CSS中直接定义宽度和高度即可，比如一个class为tupian的图片，在CSS里的定义就可以这样定义：

.tupian img{width:50pxheight:50px}

也可以在html中定义，比如<img src="images/logo.png" width="50" height="50" /}" />这样就能设置图片长宽为50px。

img 元素向网页中嵌入一幅图像。

请注意，从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。

<img>标签有两个必需的属性：src 属性 和 alt 属性。

如果是图片的尺寸太大，要修改小一些。这种情况，通常都是使用雪碧图或者字体图标来做的。当然如果这些都不能满足你的需求，你也可以直接放图片，可以自己处理一张符合你需求的尺寸图片，也可以忽略图片的大小，然后使用css调整图片的尺寸大小即可，但是像素可能会被压缩。所以要根据自己的具体需求使用比较合适的解决方案。下面给你写一个案例。你可以参考是否符合自己的需求