Rumah > Artikel > hujung hadapan web > html怎么设置button大小及颜色
html怎么设置button大小及颜色
- 青灯夜游asal
- 2021-03-05 17:16:4219453semak imbas
在html中，可以使用width和height属性来设置button元素的大小，使用background-color属性来设置button元素的颜色，具体语法为“button{width:宽度值;height:高度值;background-color: 颜色值;}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML bb9345e55eb71822850ff156dfde57c8 标签
bb9345e55eb71822850ff156dfde57c8 标签定义一个按钮。
在 bb9345e55eb71822850ff156dfde57c8 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 d5fd7aea971a85678ba271703566ebfd 元素创建的按钮之间的不同之处。
html设置button大小及颜色
<!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>效果图：
css width和height属性
width属性设置元素的宽度。
height属性设置元素的高度。
| 值 | 描述 |
|---|---|
| auto | 默认值。浏览器可计算出实际的宽度或高度。 |
| length | 使用 px、cm 等单位定义宽度或高度。 |
| % | 定义基于包含块（父元素）宽度的百分比宽度或高度。 |
CSS background-color 属性
background-color属性设置一个元素的背景颜色。
| 值 | 描述 |
|---|---|
| color | 指定背景颜色。 |
| transparent | 指定背景颜色应该是透明的。这是默认 |
【推荐教程：CSS视频教程 】
Atas ialah kandungan terperinci html怎么设置button大小及颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：滚动条如何设置Artikel seterusnya：html怎么设置文本域的大小