Comment définir la taille de l'image en CSS-tutoriel CSS-php.cn

Maison

interface Web

tutoriel CSS

Comment définir la taille de l'image en CSS

Apr 13, 2021 pm 06:50 PM

css 图片大小

En CSS, vous pouvez utiliser les attributs width et height pour définir la taille de l'image ; il vous suffit de définir le style "width: value; height: value;" pour l'élément d'image img. Les attributs width et height peuvent définir la largeur et la hauteur de la zone de contenu de l'élément, à l'exclusion du remplissage, des bordures ou des marges.

Comment définir la taille de l'image en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS, vous pouvez utiliser les attributs width et height pour définir la taille de l'image.

Exemple :

<!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 class="a lazy"  src="/static/imghw/default1.png"  data-src="img/1.jpg"   alt="" >
<img class="b lazy"  src="/static/imghw/default1.png"  data-src="img/1.jpg"   alt="" >
</body>

</html>

Copier après la connexion

Rendu :

Comment définir la taille de limage en CSS

Description :

L'attribut width définit la largeur de l'élément et l'attribut height définit la hauteur de l'élément.

Les attributs width et height définissent la largeur et la hauteur de la zone de contenu de l'élément, à l'exclusion du remplissage, des bordures ou des marges ; le remplissage, les bordures et les marges peuvent être ajoutés en dehors de la zone de contenu.

Valeur de l'attribut :

值	描述
auto	默认。浏览器会计算出实际的高度。
length	使用 px、cm 等单位定义高度。
%	基于包含它的块级对象的百分比高度。
inherit	规定应该从父元素继承 height 属性的值。

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn