CSS3技術制作水晶按鈕，不支持IE

使用Css3裡的border-radius屬性來實現一個水晶按鈕的制作。支持firefox, chrome, safari，但是IE依然不支持哦，強烈建議大家盡早擺脫IE魔掌。

1. 先制作一張背景圖片，height:100px, width:2px, 上半部填充白色，透明度為20%; 下半部分完全透明，效果如下：

2. Html

<div class="divBtn"><a href="#">Click Me</a></div>

3. CSS: 

.divBtn a { 
background: #3792b3 url(btn-glass.png) repeat-x 0 50%;
border: 1px solid #3792b3;
color: #fff;
font-size: 12px;
padding: 6px 20px;
text-decoration: none; 

/*這3句是重點啊~~~*/
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
}

4. 效果如下：