search

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

Set the height of an image using CSS

WBOY
WBOYforward
2023-09-11 10:45:02978browse

使用 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>

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!

css while try Length Property this
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：Overview of new features of CSS3: How to use CSS3 to achieve text effectsNext article：Overview of new features of CSS3: How to use CSS3 to achieve text effects

Related articles

See more