css中设置图片大小的方法

2023-06-14 12:06:17 882人浏览泡泡鱼

摘要

这篇文章主要介绍了CSS中设置图片大小的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。在css中，可以使用width和height属性来设置图片大小；只需要给img图片元

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

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

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

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

示例：

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title></title>  <style>  .a{    width: 200px;    height: 200px;  }  .b{    width: 200px;    height: 100px;  }  </style></head><body><img src="img/1.jpg" alt="" class="a"><img src="img/1.jpg" alt="" class="b"></body></html>

效果图：

css中设置图片大小的方法

说明：

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

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

属性值：

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

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

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: css中设置图片大小的方法

本文链接: https://www.lsjlt.com/news/270891.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341