按鈕的主要屬性包括類型type值value樣式style大小size禁用狀態(tài)disabled等這些屬性可以通過HTML標(biāo)簽和CSS樣式表進(jìn)行設(shè)置，也可以通過JavaScript進(jìn)行動(dòng)態(tài)控制和修改類型type屬性用于定義按鈕的行為最常見的類型有quotsubmitquot提交表單quotresetquot重置表單和quotbuttonquot無。

1打開你的HTML編輯器，新建一個(gè)空白文件，比如命名為quotindexhtmlquot2在這個(gè)新創(chuàng)建的文件中，找到并添加標(biāo)簽，這將用于編寫CSS樣式在標(biāo)簽內(nèi)，編寫如下代碼按鈕 buttonhover backgroundcolor#ff7701 這里的代碼設(shè)置了按鈕的初始背景顏色為藍(lán)色#00a7d0，當(dāng)鼠標(biāo)懸停在按鈕上時(shí)，背景顏色。

HTML代碼ltdiv class=quotpmquotltbutton平面按鈕ltbuttonltdiv基礎(chǔ)的CSS樣式代碼buttondisplay inlineblockmargin 0 10px 0 0padding 15px 45pxfontsize20pxfontfamilyquotBitterquot，seriflineheight 20pxappearance boxshadow borderradius 01平面樣式CSS。

可以這樣理解一元素就是html標(biāo)簽，比如table，tr，td，img，input等等，在對(duì)這些使用css的時(shí)候，元素名前面可以不用加任何符號(hào)，如對(duì)網(wǎng)頁中所有input元素用一個(gè)css樣式，那么可以在樣式中寫 input｛樣式｝二ID如果想在網(wǎng)頁中某個(gè)特定地方使用css，這時(shí)候就可以給那個(gè)元素一個(gè)ID，在樣式的。

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

1新建一個(gè)html文件，命名為testhtml，用于講解2在testhtml文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，用于測(cè)試3在testhtml文件內(nèi)，給button按鈕添加一個(gè)id屬性，用于樣式的設(shè)置4在testhtml文件內(nèi)，編寫ltstyle type=quottextcssquotltstyle標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)5在css標(biāo)簽。

ltinput type=quotbuttonquot value=quot調(diào)用外部cssquot onclick=quotgetcssquot ltbody lthtml === 外部stylecssp border1px solid #redfontsize30px 當(dāng)然lz如果只希望改變內(nèi)部某些樣式，利用js獲取改變style的特定屬性就可，*js代碼* ltscript function changedivID document。

截止到上一步我們的一級(jí)菜單欄已經(jīng)制作完成，接下來我們需要制作二級(jí)菜單欄我們?cè)谟卸?jí)菜單欄的一級(jí)菜單欄的li標(biāo)簽下面添加ul再添加li標(biāo)簽就可以制作二級(jí)菜單了關(guān)于二級(jí)菜單的代碼以及css樣式，和在瀏覽器中的顯示效果如下圖所示大家可以看到，這是靜態(tài)的二級(jí)菜單，二級(jí)菜單會(huì)一直在網(wǎng)頁當(dāng)中顯示。

然后配合overflow來隱藏超出的文字 4背景圖片需要設(shè)計(jì)好尺寸，如80px*30px的按鈕圖片意義首先呢，他是一個(gè)按鈕，其次，他有對(duì)應(yīng)的文字，這一點(diǎn)，符合SEO的一些建議頁面最直接的驗(yàn)證是去除css后你的頁面應(yīng)該不缺少文字信息另外，因?yàn)槭菆D片做的，因此，他的樣式和字體可以隨意修改。

avisitedtextdecoration *指已經(jīng)訪問過的鏈接* ahovertextdecoration*指鼠標(biāo)在鏈接* aactivetextdecoration* 指正在點(diǎn)的鏈接* 把這些的顏色都設(shè)置一下便可以解決一個(gè)網(wǎng)頁對(duì)應(yīng)多個(gè) HTML文件， 超文本標(biāo)記語言文件以htm磁盤操作系統(tǒng) DOS限制的外語縮寫。

html中按鈕字體的顏色和設(shè)置普通字體的顏色都是一樣的，使用color屬性就可以實(shí)現(xiàn)字體顏色的設(shè)置有以下兩種方法方法一jquery方法加顏色工具原料編輯器瀏覽器 1首先設(shè)置一個(gè)按鈕，然后使用css給按鈕設(shè)置color屬性即可實(shí)現(xiàn)按鈕字體的顏色的設(shè)置，代碼如下2以上代碼的style極為css樣式，color=‘。

可以使用相當(dāng)于瀏覽器定位css樣式中寫入\x0d\x0a position fixed\x0d\x0a right 20px\x0d\x0a bottom 100px 相當(dāng)于瀏覽器右邊20px，瀏覽器底部100px的距離的定位\x0d\x0afixed總是以body為定位時(shí)的對(duì)象，總是根據(jù)瀏覽器的窗口來進(jìn)行元素的定位，通過quotleftquot。

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

網(wǎng)頁就是由js，html和css構(gòu)成的，這三者也就決定了一個(gè)網(wǎng)頁的樣子要想加個(gè)按鈕或者改變?cè)袠邮剑旧现荒苄薷脑械木W(wǎng)頁或者重做了。

1首先打開hbuilder軟件，新建幾個(gè)默認(rèn)的復(fù)選框2然后在上方的style標(biāo)簽設(shè)置input的樣式，先設(shè)置input的display屬性為，將默認(rèn)的單選框去掉，在設(shè)置一下各個(gè)單選框的margin的距離3接著在下方繼續(xù)設(shè)置樣式，設(shè)置label標(biāo)簽的before和after偽元素，將原有before的單選框選中狀態(tài)的屬性“checked+label。

你在button里面直接寫style里面就有height，width兩個(gè)屬性，然后就可以設(shè)置大小了。

2一般統(tǒng)一在CSS中設(shè)置樣式，你可以隨便打開網(wǎng)站查看源碼，基本上看不到HTML中有設(shè)置樣式的3html是用來寫網(wǎng)頁內(nèi)容的，像網(wǎng)頁上文字圖片內(nèi)容等都是用html來寫4css是用來寫樣式表的，給html寫的內(nèi)容加上各種樣式，使網(wǎng)頁更美觀像文字的顏色，頁面的布局，一些按鈕邊框的樣式是用css來控制的。

代碼ltinput type=quotbuttonquot value=quot點(diǎn)擊切換背景色quot onclick=quotchangeBgquot 3創(chuàng)建style標(biāo)簽，然后創(chuàng)建一個(gè)class類為btn用于設(shè)置按鈕樣式，其中按鈕的背景設(shè)置backgroundcolor#009F95！important代碼ltstyle type=quottextcssquot btn border1pxsolid#dddpadding5px8pxbackgroundcolor。