久久久精品高清,国产树林野战在线播放,国产精品裸体瑜伽视频

利用CSS樣式美化Button或submit按鈕

網(wǎng)頁教學(xué)網(wǎng) 2008/5/25 21:02:49 深山行者字體:大中小瀏覽 31046

.btn {

BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid

}

.btn1_mouseout {

BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid

}

.btn1_mouseover {

BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid

}

.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}

.btn3_mouseout {

BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid

}

.btn3_mouseover {

BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid

}

.btn3_mousedown

{

BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid

}

.btn3_mouseup {

}

.btn_2k3 {

BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid

}

</style>

<body>

<button class=btn> 好看的WEBJX Button</button><P></p>

<button

class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"

onmouseout="this.className='btn1_mouseout'"

> 好看的Green Button</button>  &nbsp;

<button

class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"

onmouseout="this.className='btn1_mouseout'" DISABLED

> 好看的Green Button</button>

<P>

<button class=btn2> 好看的 webjx Button</button>

<P>

<button class=btn3_mouseout onmouseover="this.className='btn3_mouseover'"

onmouseout="this.className='btn3_mouseout'"

onmousedown="this.className='btn3_mousedown'"

onmouseup="this.className='btn3_mouseup'"

> 好看的Sina Button</button>

<P>

<button class=btn_2k3> 好看的 sohu Button</button>

</body></span>

前一頁:CSS的優(yōu)化與技巧

后一頁:巧用CSS中的expression來區(qū)分只讀文本框

相關(guān)閱讀: 旅行社手機(jī)網(wǎng)站模板8; 利用css中的scale()實(shí)現(xiàn)放大縮小效果; 網(wǎng)頁添加WhatsApp跳轉(zhuǎn)鏈接教程; 下載微信小程序; CSS的優(yōu)化與技巧; ASP鏈接地址欄參數(shù)的加密; 名揚(yáng)石化; 膠球清洗裝置

共有0條關(guān)于《利用CSS樣式美化Button或submit按鈕》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫出一個(gè)音樂播放的唱片碟盤的效果; 利用css中的scale()實(shí)現(xiàn)放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: asp計(jì)算器; 網(wǎng)頁調(diào)用msn/qq/email記錄，淘寶，skype掛在網(wǎng)頁上; CSS Alpha透明代碼相關(guān)知識(shí)學(xué)習(xí); 一個(gè)ＣＳＳ特效生成器下載; 網(wǎng)站完成各個(gè)瀏覽器兼容測試; 連云港酒店預(yù)訂網(wǎng)站

更多標(biāo)簽熱門標(biāo)簽

調(diào)節(jié) 模板深山行者V1.2旅行社網(wǎng)站管理系統(tǒng) csss html 浮動(dòng)對(duì)象 ResponseXML 酷留言板 adobe 注冊(cè) iframe 百度 innerText png 刷新 word-spacing 下劃線變化蓋樓 asp.net 文件夾命名 rnd 奮斗底部第幾樓 Word 等高 Application 時(shí)鐘臺(tái)歷豎排標(biāo)注 li web2.0 自適應(yīng)高度 FlashFxp 遍歷搜索 jpg 性能縮小放大無限 relative 市 lightbox 展示 rss

隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍

利用CSS樣式美化Button或submit按鈕