Maison  >  Article  >  interface Web  >  Comment définir la largeur des heures en CSS

Comment définir la largeur des heures en CSS

青灯夜游
青灯夜游original
2021-11-02 15:45:184117parcourir

En CSS, vous pouvez utiliser l'attribut width pour définir la largeur de hr. La fonction de cet attribut est de définir la largeur de l'élément. Il vous suffit de définir le "hr{width: width value + unit;}". style pour l’élément hr.

Comment définir la largeur des heures en CSS

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

La largeur de la ligne horizontale définie par la balise <hr> en HTML doit remplir le plein écran par défaut

Comment définir la largeur des heures en CSS

Parfois, nous n'avons pas besoin de la largeur des heures pour remplir le plein écran. Comment modifier la largeur des heures. ? Nous pouvons utiliser la propriété CSS width pour définir la largeur de hr. L'attribut

width définit la largeur de l'élément. Cet attribut définit la largeur de la zone de contenu de l'élément, et un remplissage, des bordures et des marges peuvent être ajoutés en dehors de la zone de contenu.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
hr{
width: 100px;
}
</style>
</head>
<body>
<hr />
</body>
</html>

Rendu :

Comment définir la largeur des heures en CSS

(Partage vidéo 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:
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