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

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),隆林企業(yè)網(wǎng)站建設(shè),隆林品牌網(wǎng)站建設(shè),網(wǎng)站定制,隆林網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,隆林網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
添加方法:
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;(無(wú))
修飾 {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í)踐下*/
對(duì)齊 {text-align: justify;}(兩端對(duì)齊) left;(左對(duì)齊) right;(右對(duì)齊) center;(居中)
你可以把整個(gè)頁(yè)面保存為GIF格式,或者用PS打開(kāi),然后用切片工具把你需要的各個(gè)部分切開(kāi),然后保存為網(wǎng)頁(yè)模式,在用CSS樣式打開(kāi),就可以啦····
一、選擇“div標(biāo)簽”命令
打開(kāi)dreamweaver,新建網(wǎng)頁(yè)并保存為“die.html”,選擇【插入】【布局對(duì)象】【div標(biāo)簽】命令,打開(kāi)“div標(biāo)簽”對(duì)話框。
二、輸入div標(biāo)簽名稱
1、在“ID”列表框中選擇“top”
2、單擊“新建css規(guī)則”按鈕準(zhǔn)備進(jìn)行css規(guī)則定義
三、新建css規(guī)則
在打開(kāi)的對(duì)話框中保持默認(rèn)設(shè)置,單擊“確定”按鈕進(jìn)行css規(guī)則新建。
四、設(shè)置屬性
1、在“分類”列表框中選擇“方框”選項(xiàng)。
2、在窗口右側(cè)進(jìn)行css規(guī)則定義,其中margin值的設(shè)置非常重要,“l(fā)eft”及“right”為auto,則可讓div頁(yè)面水平居中。
3、單擊“確定”按鈕。
五、創(chuàng)建div按鈕
返回“插入div標(biāo)簽”,單對(duì)話框,單擊“確定”按鈕,完成div標(biāo)簽的插入
六、查看創(chuàng)建的div
將鼠標(biāo)光標(biāo)定位在div,即可想編輯普通網(wǎng)頁(yè)一樣完成文本的編輯及圖像等內(nèi)容的添加。
1、首先創(chuàng)建一個(gè)txt文件,修改后綴名:把.txt改為.html,用記事本打開(kāi)添加如下代碼:打開(kāi)瀏覽器,這是一個(gè)沒(méi)有添加樣式的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、通過(guò)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");修改引用外部的樣式表文件,這樣就可以對(duì)整個(gè)頁(yè)面的樣式進(jìn)行全部更新。
新聞標(biāo)題:css按鈕樣式網(wǎng)站,css按鈕樣式大全
文章出自:http://chinadenli.net/article39/dsijdph.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開(kāi)發(fā)、品牌網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)、微信公眾號(hào)、虛擬主機(jī)、
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)