您當前位置：首頁 > web前端 > htmlcss > 13種常用按鈕、文本框、表單等CSS樣式

13種常用按鈕、文本框、表單等CSS樣式

來源：程序員人生發(fā)布時間：2013-11-30 17:45:27 閱讀次數(shù)：3661次

雖然CSS樣式的學習需要我們動手多實踐，需要多做案例，思致思考，但有時候注意資料的收集與整理也是非常重要的，在實際開發(fā)中往往會起到事半功倍的效果。

一、按鈕樣式

以下為引用的內(nèi)容：
Example Source Code
.buttoncss {
font-family: "tahoma", "宋體";
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:#006699;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/bluebuttonbg.gif);
background-color: #e8f4ff;
cursor: hand;
font-style: normal ;
width:60px;
height:22px;
}

二、藍色按鈕

以下為引用的內(nèi)容：
Example Source Code
.bluebuttoncss {
font-family: "tahoma", "宋體";
font-size: 9pt; color: #003366;
border: 0px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;*/
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}

三、紅色按鈕

以下為引用的內(nèi)容：
Example Source Code
.redbuttoncss {
font-family: "tahoma", "宋體";
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/redbuttonbg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}

四、選擇按鈕

以下為引用的內(nèi)容：
Example Source Code
.selectbuttoncss{
font-family: "tahoma", "宋體";
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 SQL Server 數(shù)據(jù)庫遷移搬家的幾個簡單方法

下一篇 Access數(shù)據(jù)庫技術(shù)（28)

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

13種常用按鈕、文本框、表單等CSS樣式