<label id="q4g1a"></label>
<span id="q4g1a"></span>
首頁(yè)
網(wǎng)頁(yè)特效庫(kù)
網(wǎng)頁(yè)特效庫(kù)
導(dǎo)航菜單
按鈕表單
背景特效
時(shí)間日期
圖片特效
鼠標(biāo)特效
文本操作
窗口頁(yè)面
狀態(tài)欄類(lèi)
警告對(duì)話(huà)
綜合應(yīng)用
游戲娛樂(lè)
首頁(yè)
>
特效
>
按鈕表單
> 正文
CSS自適應(yīng)寬度按鈕
2009-11-24 按鈕表單 ℃
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS自適應(yīng)寬度圓角按鈕 @5key.net</title> <style> *{margin:0; padding:0;} body{padding:10px; font-size:12px;} h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;} a{background:url(http://www.lanrentuku.com/down/js/images/12447749840.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;} a:hover{background:url(http://www.lanrentuku.com/down/js/images/12447749840.gif) left -30px;height:30px;} a span{background:url(http://www.lanrentuku.com/down/js/images/12447749840.gif) right 0; padding:9px 8px 5px 0; margin:0 0 0 8px; float:left; height:16px;} a:hover span{background:url(http://www.lanrentuku.com/down/js/images/12447749840.gif) right -30px; color:#000; padding:9px 8px 5px 0; margin:0 0 0 8px; height:16px; } </style> </head><body> <a href="#"><span>二字</span></a> <a href="#"><span>三個(gè)字</span></a> <a href="#"><span>四個(gè)大字</span></a> <a href="#"><span>五個(gè)大大字</span></a> <a href="#"><span>很多多多多多多字</span></a> </body> </html>
相關(guān)特效代碼
無(wú)相關(guān)信息
熱門(mén)特效代碼
JavaScript+CSS打造漂亮的select
CSS按鈕樣式大全
CSS 3D按鈕特效
幾個(gè)比較好看的Button的CSS
CSS配合htc文件巧妙應(yīng)用實(shí)現(xiàn)反轉(zhuǎn)
帶滑動(dòng)條的DIV+CSS+JS登錄框代碼
JS+CSS實(shí)現(xiàn)精致、符合標(biāo)準(zhǔn)的表單
網(wǎng)頁(yè)常用按鈕大全
下拉菜單特效
鼠標(biāo)經(jīng)過(guò)input時(shí)變顏色
推薦特效代碼
幾個(gè)比較好看的Button的CSS
JavaScript+CSS打造漂亮的select
復(fù)制標(biāo)題和鏈接，發(fā)送給你的好友
CSS自適應(yīng)寬度按鈕
帶滑動(dòng)條的DIV+CSS+JS登錄框代碼
網(wǎng)頁(yè)放大縮小按鈕效果
網(wǎng)站首頁(yè)
|
關(guān)于我們
|
游客留言
|
網(wǎng)站地圖
|
免責(zé)聲明
|
返回頂部
陜ICP備05013981號(hào)-6
