国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

一個清爽的button按鈕樣式

2024-07-11 08:31:23
字體：大 中 小
供稿：網(wǎng)友
效果如下：
 

復(fù)制代碼
代碼如下:
<html>
<head>
<title></title>
<style type="text/css">
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('IMG/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span
{
background: transparent url('IMG/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
</style>
</head>
<body>
<a class="button" href="javascript:void(0);"><span>按鈕</span></a>
</body>
</html>

這是IMG文件夾下的兩張圖片：

bg_button_a:
 
bg_button_span:

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 临沂市| 洞口县| 临漳县| 杭州市| 青海省| 始兴县| 乐业县| 巴南区| 饶平县| 邹平县| 金阳县| 高台县| 定远县| 界首市| 博客| 北辰区| 晋宁县| 威远县| 仁化县| 页游| 都匀市| 莒南县| 万山特区| 灵宝市| 周至县| 沂源县| 泗阳县| 若尔盖县| 芷江| 定西市| 宣化县| 河西区| 延川县| 开平市| 宝山区| 永善县| 商都县| 巴东县| 汾阳市| 宿松县| 汉川市|