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 ;}".
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('你好，世界!')">点我!</button>
</body>
</html>Rendu :
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
