您好,登錄后才能下訂單哦!
小編給大家分享一下html如何設(shè)置button大小及顏色,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
html中可以使用width和height屬性來設(shè)置button的大小,使用background-color屬性來顏色,具體語法為“button{width:1寬度值;height:高度值;background-color: 顏色值;}”。
HTML <button> 標(biāo)簽
<button> 標(biāo)簽定義一個按鈕。
在 <button> 元素內(nèi)部,您可以放置內(nèi)容,比如文本或圖像。這是該元素與使用 <input> 元素創(chuàng)建的按鈕之間的不同之處。
html設(shè)置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('你好,世界!')">點(diǎn)我!</button> </body> </html>
效果圖:
css width和height屬性
width屬性設(shè)置元素的寬度。
height屬性設(shè)置元素的高度。
值 | 描述 |
---|---|
auto | 默認(rèn)值。瀏覽器可計算出實(shí)際的寬度或高度。 |
length | 使用 px、cm 等單位定義寬度或高度。 |
% | 定義基于包含塊(父元素)寬度的百分比寬度或高度。 |
CSS background-color 屬性
background-color屬性設(shè)置一個元素的背景顏色。
值 | 描述 |
---|---|
color | 指定背景顏色。 |
transparent | 指定背景顏色應(yīng)該是透明的。這是默認(rèn) |
看完了這篇文章,相信你對“html如何設(shè)置button大小及顏色”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。