小编给大家分享一下html如何设置button大小及颜色，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联成立与2013年，先为延庆等服务建站，延庆等地企业，进行企业商务咨询服务。为延庆企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

html中可以使用width和height属性来设置button的大小，使用background-color属性来颜色，具体语法为“button{width:1宽度值;height:高度值;background-color: 颜色值;}”。

HTML 标签

标签定义一个按钮。

在

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

html设置button大小及颜色

	
		
		
			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大小及颜色”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

本文标题：html如何设置button大小及颜色
文章出自：http://azwzsj.com/article/jphhss.html