1設(shè)置一個(gè)長度與寬度，使用到的CSS代碼2經(jīng)過給它設(shè)置長度與寬度后，變成了下圖所示，相比與沒有任何樣式，它會(huì)好出很多3接下來，可以去掉它自帶默認(rèn)的邊框，將它邊框設(shè)置為0PX，觀察一下效果4添加了紅色的；btnwidth200pxheight100pxposition fixedleft0top0bottom 0right 0marginautobackgroundwebkitradialgradientcenter，circle，red 5%，yellow 20%，blueboxshadow inset 0 3px #111， inset；html中設(shè)置按鈕的大小可直接給input元素添加寬高，具體代碼如下 下面是未設(shè)置input按鈕大小和設(shè)置了按鈕大小的對(duì)比效果html中的表單input元素是內(nèi)聯(lián)塊狀元素，既可以與其它元素在同一行，又可以設(shè)置自身的寬度和高度如；height 200px 在這個(gè)示例中，點(diǎn)擊“改變顏色”按鈕將div的背景顏色更改為紅色，而在輸入顏色和寬度并點(diǎn)擊“改變樣式”按鈕時(shí)將改變div的背景顏色和寬度您可以根據(jù)需要修改JavaScript和CSS代碼以滿足您的要求；需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼button width 100px height 50pxborder 0color whiteb；給你個(gè)例子，用onmousemove和nmouseout具體css顏色等自己改一下 input_outwidth60pxheight30pxborder1pxsolid#CCCbackgroundcolor#FFF input_movewidth60pxheight30pxborder1pxsolid#CCCback；代碼如下這里先解說下這里有A B 兩個(gè)按鈕，分別鏈接abcss， 只要單擊按鈕就可以實(shí)現(xiàn)改變頭部id為change_css 的css文件當(dāng)你希望change_css一開始沒有css只是點(diǎn)擊按鈕的時(shí)候才有css的話，那么你給change_css這個(gè)。

在css中，主要通過border屬性的設(shè)置，實(shí)現(xiàn)去掉邊框以代碼編輯器zend studio 100為例，可參考以下步驟去掉button按鈕的邊框1新建一個(gè)html文件，命名為testhtml，用于講解2在testhtml文件內(nèi)，使用button標(biāo)簽；2在indexhtml中的標(biāo)簽中，輸入css代碼button border0width 200pxheight 80pxbackgroundcolor gainsboro cursor notallowed 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)通過css實(shí)現(xiàn)了按鈕的禁用樣式；用CSS代碼設(shè)定按鈕的圓角樣式，這個(gè)在css3中才能實(shí)現(xiàn)，通過使用borderradius來實(shí)現(xiàn)這個(gè)效果，不過有瀏覽器的兼容性問題，moz例如 mozborderradius用于Firefoxwebkit例如webkitborderradius用于Safari和Chrome。

思路1在type=file標(biāo)簽外面添加一個(gè)標(biāo)簽，讓這個(gè)標(biāo)簽顯示我們想要給用戶看到的上傳按鈕效果2把type=file設(shè)置為透明的，用戶點(diǎn)擊的是type=file，實(shí)際看到的效果時(shí)我們外部的div打開html軟件開發(fā)工具，新建一個(gè)html代碼頁面；lt！DOCTYPE html Title changeColor2Pink backgroundcolor pink resetBtn1Color background windowonload = function var btn1=document；2在indexhtml中的標(biāo)簽中，輸入css代碼button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013瀏覽器運(yùn)行indexhtml頁面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕。

將它邊框設(shè)置為0PX，觀察一下效果4添加了紅色的背景后，它顯示如下圖所示的樣式5除了使用顏色設(shè)置背景外，也可以使用圖片作為背景6還可以設(shè)置它的其他更多樣式，方法是直接添加CSS代碼即可；按鈕的主要屬性包括類型type值value樣式style大小size禁用狀態(tài)disabled等這些屬性可以通過HTML標(biāo)簽和CSS樣式表進(jìn)行設(shè)置，也可以通過JavaScript進(jìn)行動(dòng)態(tài)控制和修改類型type屬性用于定義按鈕的；2按鈕樣式比較多，這樣寫讓代碼不整潔，可閱讀性差，就要用style標(biāo)簽3樣式表style標(biāo)簽里面表示的是一個(gè)樣式表，我們所有的樣式都可以寫到標(biāo)簽中去這段代碼的意思是凡是button標(biāo)簽都使用這個(gè)樣式4把 樣式表中；通過這樣的Css樣式就可以實(shí)現(xiàn) 使用marginleftautomarginrightauto 可以讓你的div居中對(duì)齊stylemarginleftautomarginrightauto 縮寫形式為 stylemargin0 auto ，數(shù)字0 表示上下邊距是0后。