html怎麼設定button大小及顏色

html中可以使用width和height屬性來設定button的大小，使用background-color屬性來顏色，具體語法為「button{width:寬度值;height:高度值;background-color: 顏色值;}」。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML <button> 標籤

<button> 標籤定義一個按鈕。

在 <button> 元素內部，您可以放置內容，比如文字或影象。這是該元素與使用 <input> 元素建立的按鈕之間的不同之處。

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	指定背景顏色應該是透明的。這是預設

更多程式設計相關知識，請存取：！！

以上就是html怎麼設定button大小及顏色的詳細內容，更多請關注TW511.COM其它相關文章！