1首先，打開(kāi)html編輯器，新建一個(gè)html文件，例如indexhtml，填充問(wèn)題基礎(chǔ)代碼2其次，在indexhtml中的按鈕標(biāo)簽中，輸入樣式代碼style=quotwidth 80px height 40pxbackgroundcolor #e6b900 border 0pxb。

quotquot這將為按鈕設(shè)置樣式表樣式表中的borderradius屬性將決定按鈕的框架形狀通過(guò)將borderradius屬性的值設(shè)置為按鈕大小的一半，您可以將按鈕從方形變?yōu)閳A形3添加文本 將以下代碼添加到QWidget的構(gòu)造函數(shù)內(nèi)，以按照。

2在indexhtml中的標(biāo)簽中，輸入css代碼button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕。

btnstyle backgroundcolorred 另一種定義直接在button標(biāo)簽上寫(xiě)內(nèi)聯(lián)樣式，如下點(diǎn)擊 效果如下，按鈕紅色背景代碼截圖如下。

新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的標(biāo)簽中，加入樣式代碼style=quotbackgroundurlsmall2pngwidth150pxheight60pxquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)按鈕被成功添加了圖片。

2按鈕樣式比較多，這樣寫(xiě)讓代碼不整潔，可閱讀性差，就要用style標(biāo)簽3樣式表style標(biāo)簽里面表示的是一個(gè)樣式表，我們所有的樣式都可以寫(xiě)到標(biāo)簽中去這段代碼的意思是凡是button標(biāo)簽都使用這個(gè)樣式4把 樣式表中。

在chromefirefoxsafariIE9+等瀏覽器中圓角很容易實(shí)現(xiàn)，代碼如下div webkitborderradius5pxwebkit內(nèi)核 mozborderradius5pxmozilla msborderradius5px。

1首先寫(xiě)一個(gè)定義Button樣式的xml文件新建XML文件，類(lèi)型選Drawable，根結(jié)點(diǎn)選selector，本例中文件名為btn_style，只需要在selector結(jié)點(diǎn)里寫(xiě)上三種狀態(tài)時(shí)顯示的背景圖片按下獲取焦點(diǎn)，正常，代碼如下lt？xml version=。

用CSS代碼設(shè)定按鈕的圓角樣式，這個(gè)在css3中才能實(shí)現(xiàn)，通過(guò)使用borderradius來(lái)實(shí)現(xiàn)這個(gè)效果，不過(guò)有瀏覽器的兼容性問(wèn)題，moz例如 mozborderradius用于Firefoxwebkit例如webkitborderradius用于Safari和Chrome。

所有代碼可以直接復(fù)制所有代碼，粘貼到新建html頁(yè)面，保存后即可看到效果 所有代碼 ！DOCTYPE html html head meta charset=#34UTF8#34 title文件上傳按鈕修改樣式title style filebox display inlineblock。

如果是提交表單一類(lèi)的按鈕，可以為并在js中寫(xiě)函數(shù)進(jìn)行處理 如果是要跳轉(zhuǎn)頁(yè)面一類(lèi)的按鈕 ，也可以寫(xiě)為 答案補(bǔ)充 之后可以用mouseover更改它的src屬性。

給按鈕添加css樣式有以下三種方法 1，直接在元素上定義style，如下 2，頁(yè)面中內(nèi)嵌樣式，如下 btn需要添加的樣式 3，外部引用css文件，如下。

工具原料編輯器瀏覽器 一button按鈕 1使用button設(shè)置一個(gè)按鈕樣式 Click Me！2運(yùn)行的結(jié)果如下 二submit提交 1使用submit進(jìn)行表單的提交，代碼如下 First name Last name。

1設(shè)置一個(gè)長(zhǎng)度與寬度，使用到的CSS代碼2經(jīng)過(guò)給它設(shè)置長(zhǎng)度與寬度后，變成了下圖所示，相比與沒(méi)有任何樣式，它會(huì)好出很多3接下來(lái)，可以去掉它自帶默認(rèn)的邊框，將它邊框設(shè)置為0PX，觀察一下效果4添加了紅色的。

創(chuàng)建按鈕 datarole=button給HTML元素添加 datarole=quotbuttonquot 屬性jQuery Moble就會(huì)給此元素增強(qiáng)為按鈕樣式 Jquery Mobile框架包含了一組最常用的移動(dòng)應(yīng)用程序所需的圖標(biāo)，為了減少下載的大小，Jquery Mobile包含的是的白色。