1設(shè)置一個(gè)長(zhǎng)度與寬度，使用到的CSS代碼2經(jīng)過(guò)給它設(shè)置長(zhǎng)度與寬度后，變成了下圖所示，相比與沒(méi)有任何樣式，它會(huì)好出很多3接下來(lái)，可以去掉它自帶默認(rèn)的邊框，將它邊框設(shè)置為0PX，觀(guān)察一下效果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代碼以滿(mǎn)足您的要求；需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)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；代碼如下這里先解說(shuō)下這里有A B 兩個(gè)按鈕，分別鏈接abcss， 只要單擊按鈕就可以實(shí)現(xiàn)改變頭部id為change_css 的css文件當(dāng)你希望change_css一開(kāi)始沒(méi)有css只是點(diǎn)擊按鈕的時(shí)候才有css的話(huà)，那么你給change_css這個(gè)。

在css中，主要通過(guò)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頁(yè)面，此時(shí)通過(guò)css實(shí)現(xiàn)了按鈕的禁用樣式；用CSS代碼設(shè)定按鈕的圓角樣式，這個(gè)在css3中才能實(shí)現(xiàn)，通過(guò)使用borderradius來(lái)實(shí)現(xiàn)這個(gè)效果，不過(guò)有瀏覽器的兼容性問(wèn)題，moz例如 mozborderradius用于Firefoxwebkit例如webkitborderradius用于Safari和Chrome。

思路1在type=file標(biāo)簽外面添加一個(gè)標(biāo)簽，讓這個(gè)標(biāo)簽顯示我們想要給用戶(hù)看到的上傳按鈕效果2把type=file設(shè)置為透明的，用戶(hù)點(diǎn)擊的是type=file，實(shí)際看到的效果時(shí)我們外部的div打開(kāi)html軟件開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面；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頁(yè)面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕。

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