css設(shè)置按鈕樣式的方法：定義一個css選擇器，然后在按鈕標(biāo)簽中使用此選擇器即可設(shè)置按鈕樣式。使用:hover偽類選擇器可以設(shè)置按鈕交互時樣式。
創(chuàng)新互聯(lián)建站是一家成都網(wǎng)站制作、網(wǎng)站設(shè)計，提供網(wǎng)頁設(shè)計，網(wǎng)站設(shè)計，網(wǎng)站制作，建網(wǎng)站，按需策劃設(shè)計，網(wǎng)站開發(fā)公司，于2013年成立是互聯(lián)行業(yè)建設(shè)者，服務(wù)者。以提升客戶品牌價值為核心業(yè)務(wù)，全程參與項目的網(wǎng)站策劃設(shè)計制作，前端開發(fā)，后臺程序制作以及后期項目運營并提出專業(yè)建議和思路。
button樣式需要注意的有幾點：
1、建議有一個最小寬度，以免在文字很少時使得按鈕過于窄，寬高不協(xié)調(diào)；
2、建議有一個padding，以免內(nèi)部文本顯得過于擁擠；
2、hover時需要有顏色變化，以告訴用戶這是一個可交互元素，更為靈動；
3、獲得焦點時應(yīng)與hover時的效果一致，釋放焦點時則回到普通效果。
4、獲得焦點時的outline建議去掉，否則較為難看。
普通狀態(tài)樣式設(shè)置：.btn{
min-width: 60px;
padding: 5px 8px;
background: #fff;
color: #4daff9;
border: 1px solid #4daff9;
}
交互狀態(tài)(hover、focus)樣式設(shè)置：.btn:hover{
color: #fff;
background: #0a90f5;
}
.btn:focus{
color: #fff;
background: #0a90f5;
outline: none;
}
需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
2、在index.html中的style標(biāo)簽中，輸入css代碼：a:visited {color: blueviolet;}。
3、瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設(shè)置了文字紫色顏色。
1、首先創(chuàng)建一個txt文件，修改后綴名：把.txt改為.html，用記事本打開添加如下代碼：打開瀏覽器，這是一個沒有添加樣式的button，外觀不美觀，而且在不同的瀏覽器下顯示的外觀是不一樣的，所以我們要添加統(tǒng)一的樣式。
2、按鈕樣式比較多，這樣寫讓代碼不整潔，可閱讀性差，就要用style標(biāo)簽。
3、style type="text/css"/style樣式表。style標(biāo)簽里面表示的是一個樣式表，我們所有的樣式都可以寫到標(biāo)簽中去。這段代碼的意思是：凡是button標(biāo)簽都使用這個樣式。
4、把 樣式表中的 ?button{}改成了.ui_button{}，然后在button標(biāo)簽里面加了class屬性，這樣做的意思是，這個button標(biāo)簽使用了名字為ui_button的樣式。
5、通過javascript動態(tài)修改樣式，為了避免用戶多次點擊提交按鈕重復(fù)提交信息，在用戶點擊提交按鈕之后，禁用按鈕，并設(shè)置按鈕字體的顏色為灰色。
6、修改樣式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以寫多個樣式樣式屬性。
7、修改樣式的其他方法：obj.setAttribute("class", "style2");直接更改按鈕標(biāo)簽的class屬性，把指向名為ui_button的樣式改為指向名為style2的樣式。
8、修改樣式的其他方法：link href="css1.css" rel="stylesheet" type="text/css" id="css"/obj.setAttribute("href","css2.css");修改引用外部的樣式表文件，這樣就可以對整個頁面的樣式進行全部更新。
那就把按下后的樣式和按下之前的樣式設(shè)置一樣就可以了
a:link,a:viseted{ //當(dāng)鼠標(biāo)按下之前和按下之后的樣式是相同的，所以刷新后也是一樣的
fontsize:14px; //字體大小為14px
color:#ff0000; //字體顏色為紅色
text-decoration:none; //沒有下劃線
}
a:hover{ //鼠標(biāo)經(jīng)過的時候
color:#00ff00; //顏色為藍色
fontsize:15px; //字體大小為15px
text-decoration:underline; //有下劃線
}
一般有三種方法：
Button標(biāo)簽直接使用CSS定義樣式，優(yōu)點是立體感、有按下狀態(tài)，缺點是樣式單一、各瀏覽器下顯示效果不一致。
a標(biāo)簽+背景圖片+滑動門技術(shù)，優(yōu)點是可實現(xiàn)多種視覺效果，缺點是采用滑動門技術(shù)會導(dǎo)致背景圖片過大。
a標(biāo)簽直接使用CSS3繪制，優(yōu)點是在保證視覺效果的基礎(chǔ)上大大減少了背景圖片的使用，缺點是部分瀏覽器不兼容。
重慶分公司
重慶分公司
