Maison >interface Web >Questions et réponses frontales >Comment définir la taille et la couleur des boutons en HTML
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!