通过 CSS 使用百分比设置图像的高度和宽度

要使用 % 来设置图像的高度和宽度，你可以尝试运行以下代码 -

示例

实时演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            height: 50%;
            width: 50%;
         }
      </style>
   </head>
   <body>
      <p>Sized image in %</p>
      <img src = "https://tutorialspoint.com/videotutorials/assets/videos/courses/155/images/course_155_image.png" alt = "CSS" width = "200" height = "200">
   </body>
</html>

更新于: 2020 年 6 月 22 日

771 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告