怎么給按鈕添加CSS樣式?

給按鈕添加css樣式的方法：

專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)道縣免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

添加方法：

1、.btn {BORDER-RIGHT: #7b9ebd 1px solid; 右邊線

2、PADDING-RIGHT: 2px; 內(nèi)邊距 右

3、BORDER-TOP: #7b9ebd 1px solid; 上邊線

4、PADDING-LEFT: 2px; 內(nèi)邊距 左

5、FONT-SIZE: 12px; 文字大小

6、BORDER-LEFT: #7b9ebd 1px solid; 左邊線

7、CURSOR: hand; 鼠標(biāo)移上去時(shí)，變成手形。

8、COLOR: black; 顏色黑 （表示文字顏色）

9、PADDING-TOP: 2px; 內(nèi)邊距 上

10、BORDER-BOTTOM: #7b9ebd 1px solid }底邊線

擴(kuò)展資料

CSS樣式部分

大小 {font-size: 12px}，x-large;(特大) xx-small;(極小) 一般中文用不到，只要用數(shù)值就可以，單位：PX、PD

樣式 {font-style: oblique;}(偏斜體) italic;(斜體) normal;(正常)

行高 {line-height: normal;}(正常) 單位：PX、PD、EM

粗細(xì) {font-weight: bold;}(粗體) lighter;(細(xì)體) normal;(正常)

變體 {font-variant: small-caps;}(小型大寫字母) normal;(正常)

大小寫 {text-transform: capitalize;}(首字母大寫) uppercase;(大寫) lowercase;(小寫) none;(無)

修飾 {text-decoration: underline;}(下劃線) overline;(上劃線) line-through;(刪除線) blink;(閃爍)

常用字體： (font-family)

"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana

背景屬性： (background)

色彩 {background-color: #FFFFFF;}

圖片 {background-image: url();}

重復(fù) {background-repeat: no-repeat;}

滾動(dòng) {background-attachment: fixed;}(固定) scroll;(滾動(dòng))

位置 {background-position: left;}(水平) top(垂直);

字間距 {letter-spacing: normal;} 數(shù)值 /*這個(gè)屬性有用，多實(shí)踐下*/

對齊 {text-align: justify;}(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)

CSS可否改變設(shè)置按鈕的樣式？怎么做呢？菜鳥求教~

1、首先創(chuàng)建一個(gè)txt文件，修改后綴名：把.txt改為.html，用記事本打開添加如下代碼：打開瀏覽器，這是一個(gè)沒有添加樣式的button，外觀不美觀，而且在不同的瀏覽器下顯示的外觀是不一樣的，所以我們要添加統(tǒng)一的樣式。

2、按鈕樣式比較多，這樣寫讓代碼不整潔，可閱讀性差，就要用style標(biāo)簽。

3、style type="text/css"/style樣式表。style標(biāo)簽里面表示的是一個(gè)樣式表，我們所有的樣式都可以寫到標(biāo)簽中去。這段代碼的意思是：凡是button標(biāo)簽都使用這個(gè)樣式。

4、把 樣式表中的 ?button{}改成了.ui_button{}，然后在button標(biāo)簽里面加了class屬性，這樣做的意思是，這個(gè)button標(biāo)簽使用了名字為ui_button的樣式。

5、通過javascript動(dòng)態(tài)修改樣式，為了避免用戶多次點(diǎn)擊提交按鈕重復(fù)提交信息，在用戶點(diǎn)擊提交按鈕之后，禁用按鈕，并設(shè)置按鈕字體的顏色為灰色。

6、修改樣式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以寫多個(gè)樣式樣式屬性。

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");修改引用外部的樣式表文件，這樣就可以對整個(gè)頁面的樣式進(jìn)行全部更新。

怎樣用CSS寫按鈕樣式

一般有三種方法：

Button標(biāo)簽直接使用CSS定義樣式，優(yōu)點(diǎn)是立體感、有按下狀態(tài)，缺點(diǎn)是樣式單一、各瀏覽器下顯示效果不一致。

a標(biāo)簽+背景圖片+滑動(dòng)門技術(shù)，優(yōu)點(diǎn)是可實(shí)現(xiàn)多種視覺效果，缺點(diǎn)是采用滑動(dòng)門技術(shù)會(huì)導(dǎo)致背景圖片過大。

a標(biāo)簽直接使用CSS3繪制，優(yōu)點(diǎn)是在保證視覺效果的基礎(chǔ)上大大減少了背景圖片的使用，缺點(diǎn)是部分瀏覽器不兼容。