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>
    

效果图：

说明：

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

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

属性值：

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

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！