css中设置图片大小的方法

这篇文章主要介绍了css中设置图片大小的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联专注于永清网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供永清营销型网站建设，永清网站制作、永清网页设计、永清网站官网定制、成都微信小程序服务，打造永清网络公司原创品牌,更为您提供永清网站排名全网营销落地服务。

在css中，可以使用width和height属性来设置图片大小；只需要给img图片元素设置“width:值;height:值;”样式即可。width和height属性可以设置元素内容区的宽度和高度，不包括填充、边框、或页边距。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，可以使用width和height属性来设置图片大小。

示例：

效果图：

说明：

width 属性设置元素的宽度，height 属性设置元素的高度。

width 属性和height 属性定义元素内容区的宽度和高度，不包括填充，边框，或页边距；在内容区外面可以增加内边距、边框和外边距。

属性值：

值	描述
auto	默认。浏览器会计算出实际的高度。
length	使用 px、cm 等单位定义高度。
%	基于包含它的块级对象的百分比高度。
inherit	规定应该从父元素继承 height 属性的值。

感谢你能够认真阅读完这篇文章，希望小编分享的“css中设置图片大小的方法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

文章名称：css中设置图片大小的方法
分享地址：http://bjjierui.cn/article/ighjds.html