让我来给你解释一下如何设置css图片的大小。相信朋友们也应该密切关注这个话题。现在我们来谈谈如何为朋友设置css图片的大小。边肖还收集了如何设置css图片大小的相关信息。我希望你看到后会喜欢。

Css图片大小设置方法：1。图片大小设置由img标签引入，语法为[img { width :150 px；height :60 px }】；2.使用[背景大小]属性指定背景图像的大小。

本教程的操作环境：windows7系统，css3版本，DELL G3电脑。

css图片大小的设置方法：

一、img标签引入的图片大小设置

我们可以直接在图片标签中设置宽度宽度和高度高度。这里需要注意的是，直接在html img标签中设置宽度和高度值不需要html单位，默认值为PX像素。

在img标签中设置高度和宽度的优点很直观，这种方法可以用来控制和设置文章中插入图片的高度和宽度。缺点：图片列表如果这样排版，会增加很多HTML代码，不方便统一修改。

设置css img图片大小语法：

img { width:150px高度：60px}这里，css宽度设置为150px，css高度设置为60px。请注意，CSS样式中CSS宽度和CSS高度的值是有单位的，切记要有单位。

如果我们直接为img设置样式，它会控制整个网页中图片的宽度和高度。为了控制指定对象中图片的宽度和高度样式，我们通常在img之前命名对象CSS。

第二，css设置背景图片大小：

背景大小属性指定背景图像的大小。

语法：

background-size:长度|百分比|封面|包含；示例：

！声明文档类型

超文本标记语言

头

风格

身体

{

background : URL(/I/BG _ flower . gif)；

背景尺寸size:63px 100px

-moz-background-size :63 px 100px；/*旧版火狐*/

背景-repeat : no-repeat；

padding-top :80 px；

}

/style

/head

身体

上图是缩小的背景图。/p

p原图：img src='/I/BG _ flowers . gif ' alt=" flowers "/p

/body

/html渲染：

相关教程推荐：CSS视频教程

以上就是如何设置css图片大小的细节。请多关注php中文网站的其他相关文章！

来源：php中文网站