PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html怎么设置button大小及颜色

青灯夜游
青灯夜游 原创
2021-03-05 17:16:42 18911浏览

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

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML 

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(&#39;你好,世界!&#39;)">点我!</button>

	</body>

</html>

效果图:

1.png

css width和height属性

width属性设置元素的宽度。

height属性设置元素的高度。

描述
auto默认值。浏览器可计算出实际的宽度或高度。
length使用 px、cm 等单位定义宽度或高度。
%定义基于包含块(父元素)宽度的百分比宽度或高度。

CSS background-color 属性

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

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

【推荐教程:CSS视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。