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

quotquot這將為按鈕設(shè)置樣式表樣式表中的borderradius屬性將決定按鈕的框架形狀通過將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頁面，此時顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時按鈕。

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

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

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

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

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

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

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

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

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

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

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

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