給按鈕添加css樣式的方法：
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、根河網(wǎng)絡(luò)推廣、微信平臺小程序開發(fā)、根河網(wǎng)絡(luò)營銷、根河企業(yè)策劃、根河品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供根河建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com
添加方法：
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;(居中)
1、打開開發(fā)工具，新建一個(gè)HTML文件。
2、使用font-family屬性設(shè)置，字體代碼：.demo1{font-family: "microsoft yahei";}。
3、使用font-size屬性設(shè)置字體的大小代碼：.demo1{font-size: 20px;}。
4、使用font-style 屬性設(shè)置字體風(fēng)格：normal - 文本正常顯示italic - 文本斜體顯示oblique - 文本傾斜顯示。
5、使用font-weight屬性設(shè)置字體的粗細(xì)代碼：.demo2{font-weight: 600;}。
6、使用color設(shè)置字體顏色代碼：.demo1{color: #FF0000;}。就完成了。
可以使用CSS的expression，僅限于IE5-IE7上使用，代碼如下所示：
!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN"
html
head
titleTest?Expression/title
style?type="text/css"
a?{star?:?expression(onload=this.title="111111111111")}
/style
/head
body
a?href="a.htm"a.htm/a
a?href="b.htm"b.htm/a
/body
/html
效果如下：
你可以通過onmouseover事件來show一個(gè)內(nèi)容為title的自定義box給這個(gè)box啦定義樣式。
------解決方案--------------------------------------------------------style#tooltip{border:1px solid red; background:#FF6;
position:absolute;
padding:1px;
color:#333;
display:none;}/stylescript type=text/javascript src=scripts/jquery-1.7.1.min.js/script
script type=text/javascript
$(function(){var x=10;var y=20;$(a.tooltip).mouseover(function(e){
this.myTitle=this.title;
this.title=;
var tooltip=div id='tooltip'+this.myTitle+/div; //創(chuàng)建DIV元素
$(#link).append(tooltip); //追加到文檔中
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px}).show(); //設(shè)置X Y坐標(biāo)， 并且顯示
}).mouseout(function(){
this.title=this.myTitle;
$(#tooltip).remove(); //移除
}).mousemove(function(e){
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px});})})/script
title超鏈接提示效果/title/headbodydiv id=link
pa href=# class=tooltip title=這是我的超鏈接提示1提示1/a/p
pa href=# class=tooltip title=這是我的超鏈接提示2提示2/a/p
pa href=# title=這是我的超鏈接提示1自帶提示1/a/p
pa href=# title=這是我的超鏈接提示2自帶提示2/a/p/div/bodyjq寫的， 你看看是不是你想要的那種效果， 提示框的樣式可以自己更改的。。
外聯(lián)式樣式（屬于外部樣式表）
特征：
1、有一個(gè)單獨(dú)的CSS文件存在！[如：001.css]
2、首先，通過【格式】→【樣式表連接】與CSS文件[001.css]建立連接！
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！
如：link href="001.css" type="text/css" rel="Stylesheet"/
嵌入式樣式（屬于內(nèi)部樣式表）
特征：
1、樣式的屬性內(nèi)容以代碼的形式[放在 ]寫在網(wǎng)頁代碼中！
2、首先，通過【格式】→【樣式】設(shè)置樣式的屬性內(nèi)容！
3、在合適的地方使用 class="樣式名" 調(diào)用具體的樣式效果！
如： style type="text/css"
.main{ width:1002px; margin:0 auto;}
/style
內(nèi)聯(lián)式樣式（屬于內(nèi)部樣式表）
特征：
1、樣式的屬性內(nèi)容直接跟在將要修飾的文字標(biāo)記里[如：
2、具體格式： style="font-size:10px;font-color:#ff0000"
例如：修飾單元格里的文字
3. 嵌入式
最初級的 CSS 寫法即把代碼直接添加于所修飾的標(biāo)記元素。示例代碼如下：
div style="font-family:Arial,Helvetica,sans-serif;"芒果/div
這樣做雖然更為直觀，但很大程度上加大了頁面體積，不符合結(jié)構(gòu)與表現(xiàn)分離的設(shè)計(jì)思想。
總體而言，外聯(lián)和內(nèi)聯(lián)各有優(yōu)點(diǎn)，可綜合實(shí)際情況選擇適合的級聯(lián)方式。
擴(kuò)展資料：
編程工具
記事本：使用Windows系統(tǒng)自帶的記事本可以編輯網(wǎng)頁。只需要在保存文檔時(shí)，以.html為后綴名進(jìn)行保存即可。
Dreamweaver：它與Flash、Fireworks并稱網(wǎng)頁三劍客。Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別開發(fā)的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁。
語言特點(diǎn)
CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁面元素。
總體來說，CSS具有以下特點(diǎn)：
豐富的樣式定義
CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的能力；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
易于使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門的CSS文件中，以供HTML頁面引用?？傊?，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。
另外，可以將相同樣式的元素進(jìn)行歸類，使用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到所有同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。
多頁面應(yīng)用
CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁面中使用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁面風(fēng)格的統(tǒng)一。
層疊
簡單的說，層疊就是對一個(gè)元素多次設(shè)置同一個(gè)樣式，這將使用最后一次設(shè)置的屬性值。例如對一個(gè)站點(diǎn)中的多個(gè)頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁面中。
這些后來定義的樣式將對前面的樣式設(shè)置進(jìn)行重寫，在瀏覽器中看到的將是最后面設(shè)置的樣式效果。
頁面壓縮
在使用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會(huì)產(chǎn)生大量的HTML標(biāo)簽，從而使頁面文件的大小增加。
而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的復(fù)用更大程序的縮減了頁面的體積，減少下載的時(shí)間。
參考資料：百度百科-CSS
你可以自定義一個(gè)css樣式 例如：
.myPanelHead {
xx: xx
}
然后 panel的data-options里加上：headerCls:'myPanelHead'即可
注意該樣式是加在head上的，你可以直接在head加樣式。
如果非要加載title上，可以再加一個(gè)css樣式
.myPanelHead .panel-title {
xx: xx
}
即可
重慶分公司
重慶分公司
