html給按鈕換顏色的方法

這篇文章將為大家詳細(xì)講解有關(guān)html給按鈕換顏色的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

首先我們先介紹下按鈕的標(biāo)簽：

<button>標(biāo)簽定義一個(gè)按鈕。

在 button元素內(nèi)部，您可以放置內(nèi)容，比如文本或圖像。這是該元素與使用input元素創(chuàng)建的按鈕之間的不同之處。

<button>控件與<input type="button">相比，提供了更為強(qiáng)大的功能和更豐富的內(nèi)容。<button>與</button>標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容，其中包括任何可接受的正文內(nèi)容，比如文本或多媒體內(nèi)容。例如，我們可以在按鈕中包括一個(gè)圖像和相關(guān)的文本，用它們?cè)诎粹o中創(chuàng)建一個(gè)吸引人的標(biāo)記圖像。

唯一禁止使用的元素是圖像映射，因?yàn)樗鼘?duì)鼠標(biāo)和鍵盤敏感的動(dòng)作會(huì)干擾表單按鈕的行為。

請(qǐng)始終為按鈕規(guī)定type屬性。Internet Explorer的默認(rèn)類型是"button"，而其他瀏覽器中（包括W3C規(guī)范）的默認(rèn)值是"submit"。

注釋：如果在HTML表單中使用button元素，不同的瀏覽器會(huì)提交不同的按鈕值。請(qǐng)使用input元素在HTML表單中創(chuàng)建按鈕。

介紹了這么多，讓我們對(duì)html button標(biāo)簽的認(rèn)識(shí)加深了點(diǎn)。

現(xiàn)在讓我們看看HTML如何給按鈕換顏色：

<button>
億速云
</button>

這個(gè)簡(jiǎn)單的按鈕相信大家應(yīng)該都會(huì)吧，現(xiàn)在我們來(lái)看看加些樣式顏色的代碼實(shí)例：

<button type="button" class="btn"  style="background-color: #7ED321;width: 76px;height: 36px;color: #FFFFFF">
億速云
</button>

這樣的樣式是不是比原來(lái)的樣式要好很多啊，還可以加很多樣式，大家可以自己上手敲敲代碼的。

現(xiàn)在來(lái)看下button標(biāo)簽的屬性介紹

是為了讓大家在敲代碼的時(shí)候忘了自己需要的屬性了

關(guān)于html給按鈕換顏色的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。