給按鈕添加css樣式的方法:
添加方法:
1、.btn {BORDER-RIGHT: #7b9ebd 1px solid; 右邊線
2、PADDING-RIGHT: 2px; 內邊距 右
3、BORDER-TOP: #7b9ebd 1px solid; 上邊線
4、PADDING-LEFT: 2px; 內邊距 左
5、FONT-SIZE: 12px; 文字大小
6、BORDER-LEFT: #7b9ebd 1px solid; 左邊線
7、CURSOR: hand; 鼠標移上去時,變成手形。
8、COLOR: black; 顏色黑 (表示文字顏色)
9、PADDING-TOP: 2px; 內邊距 上
10、BORDER-BOTTOM: #7b9ebd 1px solid }底邊線
擴展資料
CSS樣式部分
大小 {font-size: 12px},x-large;(特大) xx-small;(極小) 壹般中文用不到,只要用數值就可以,單位:PX、PD
樣式 {font-style: oblique;}(偏斜體) italic;(斜體) normal;(正常)
行高 {line-height: normal;}(正常) 單位:PX、PD、EM
粗細 {font-weight: bold;}(粗體) lighter;(細體) 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();}
重復 {background-repeat: no-repeat;}
滾動 {background-attachment: fixed;}(固定) scroll;(滾動)
位置 {background-position: left;}(水平) top(垂直);
字間距 {letter-spacing: normal;} 數值 /*這個屬性有用,多實踐下*/
對齊 {text-align: justify;}(兩端對齊) left;(左對齊) right;(右對齊) center;(居中)