html如何设置按钮大小及颜色

　　介绍

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

html中可以使用宽度和高度属性来设置按钮的大小,使用背景颜色属性来颜色,具体语法为”按钮{宽度:1宽度值;高度:高度值;background:颜色值;}”。

<强> html & lt; button>标签

& lt; button>标签定义一个按钮。

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

<强> html设置按钮大小及颜色

& lt; ! DOCTYPE  html> 　　& lt; html> 　　 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞 　　& lt; style 类型=拔谋?css"比; 　　按钮{ 　　宽度:100 px; 　　身高:100 px; 　　背景颜色:浅紫红; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　 　　& lt; button 类型=癰utton", onclick=熬?& # 39;你好,世界! & # 39;)“在点我! & lt;/button> 　　 　　& lt;/body> 　　 　　& lt;/html>

效果图:

的html如何设置按钮大小及颜色

<强> css宽度和高度属性

宽度属性设置元素的宽度。

高度属性设置元素的高度。

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

<强> css背景颜色属性

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

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

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

html如何设置按钮大小及颜色