recherche

Maison  >  Article  >  interface Web  >  Comment définir la taille et la couleur des boutons en HTML

Comment définir la taille et la couleur des boutons en HTML

青灯夜游
青灯夜游original
2021-03-05 17:16:4219453parcourir

En HTML, vous pouvez utiliser les attributs width et height pour définir la taille de l'élément bouton, et utiliser l'attribut background-color pour définir la couleur de l'élément bouton. La syntaxe spécifique est "button{width. : valeur de largeur ; hauteur : valeur de hauteur ;background-color : valeur de couleur ;}".

Comment définir la taille et la couleur des boutons en HTML

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

La balise HTML

À l'intérieur de l'élément

html définir la taille et la couleur du bouton

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			button{
				width:100px;
				height: 100px;
				background-color: palevioletred;
			}
		</style>
	</head>

	<body>

		<button type="button" onclick="alert(&#39;你好，世界!&#39;)">点我!</button>

	</body>

</html>

Rendu :

Comment définir la taille et la couleur des boutons en HTML

largeur et hauteur CSS Attributs

l'attribut width définit la largeur de l'élément.

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

值 描述
auto 默认值。浏览器可计算出实际的宽度或高度。
length 使用 px、cm 等单位定义宽度或高度。
% 定义基于包含块（父元素）宽度的百分比宽度或高度。

Propriété CSS background-color

La propriété background-color définit la couleur d'arrière-plan d'un élément.

值 描述
color 指定背景颜色。
transparent 指定背景颜色应该是透明的。这是默认

[Tutoriel recommandé : 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!

html5 css css3 html auto Length background input
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
Article précédent：Comment définir la barre de défilementArticle suivant：Comment définir la barre de défilement

Articles Liés

Voir plus