Home > Web Front-end > CSS Tutorial > Set the height of an image using CSS

Set the height of an image using CSS

WBOY
Release: 2023-09-11 10:45:02
forward
950 people have browsed it

使用 CSS 设置图像的高度

The height property is used to set the height of an image. This property can have a value in length or in %. While giving value in %, it applies it in respect of the box in which an image is available.

Example

You can try to run the following code to set the height of an image −

<html>
   <head>
   </head>
   <body>
      <img style = "border:2px solid green; height:100px;" src="/css/images/logo.png" />
      <br />
      <img style="border:2px solid green; height:50%;" src="/css/images/logo.png" />
   </body>
</html>
Copy after login

The above is the detailed content of Set the height of an image using CSS. For more information, please follow other related articles on the PHP Chinese website!

source:tutorialspoint.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template