css中怎么设置图片大小

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

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

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

示例：

<!DOCTY PE  html>
<html>
<head>
  < ;m eta charset="UTF-8">
  <t IT le></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>

效果图：

说明：

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

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

属性值：

值描述

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

（学习视频分享：css视频教程）

以上就是css中怎么设置图片大小的详细内容，更多请关注其它相关文章！

总结

以上是为你收集整理的 css中怎么设置图片大小全部内容，希望文章能够帮你解决 css中怎么设置图片大小所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于css中怎么设置图片大小的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did199648

更新时间：2023-04-27 阅读：49次