css中怎么设置图片大小-木庄网络博客

2022-03-18 19:35:25 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在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>