css中怎么设置图片大小?

HTML中展示图片通常是使用img标签,img标签具有width和height属性,直接在标签上指定这两个属性就可以设置图片的大小了,今天我们来说说使用css设置图片的大小。

css中怎么设置图片大小?

语法:

img{
    width: 150px;
    height: 60px;
}

注:这里设置CSS宽度为150px,css高度为60px,CSS样式中width和height的值都单位。HTML中img设置宽高是不带单位的。

(推荐学习:CSS视频教程

例子:

<!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="react2.webp" alt="" class="a">
<img src="react5.webp" alt="" class="b">
</body>

</html>

效果:

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css中怎么设置图片大小?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读