html如何设置button大小及颜色

发布时间：2021-03-06 10:03:09

来源：亿速云

阅读：152

作者：小新

小编给大家分享一下html如何设置button大小及颜色，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！html中可以使用width和height属性来设置button的大小，使用background-color属性来颜色，具体语法为“button{width:1宽度值;height:高度值;background-color: 颜色值;}”。

HTML 标签

标签定义一个按钮。

在 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 元素创建的按钮之间的不同之处。

html设置button大小及颜色html>

button{

width:100px;

height: 100px;

background-color: palevioletred;

}

点我!

效果图：

css width和height属性

width属性设置元素的宽度。

height属性设置元素的高度。值描述

auto默认值。浏览器可计算出实际的宽度或高度。

length使用 px、cm 等单位定义宽度或高度。

%定义基于包含块(父元素)宽度的百分比宽度或高度。

CSS background-color 属性

background-color属性设置一个元素的背景颜色。值描述

color指定背景颜色。

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

看完了这篇文章，相信你对“html如何设置button大小及颜色”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！