css 最小化按钮

我想用css做一个最小化的button。怎么弄的?有高手吗?我用button但是样式很难看,如图所示。不知道怎么能调好看些。

想弄个圆角不会。也设置不出立体的感觉。各位,给点意见啊!谢谢了

下面我的代码:
[code="java"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<br> .mincon {<br> background-color: lavender;<br> height: 25px;<br> width: 25px;</p> <pre><code>border-top: 2px ridge black; border-bottom: 2px ridge black; border-left: 1px ridge black; border-right: 1px ridge black; </code></pre> <p>}<br> .mincon_mouseout {<br> background-color: lavender;<br> height: 25px;<br> width: 25px;</p> <pre><code>border-top: 2px ridge black; border-bottom: 2px ridge black; border-left: 1px ridge black; border-right: 1px ridge black; </code></pre> <p>}<br> .mincon_mouseover {<br> background-color: lavenderblush;<br> height: 25px;<br> width: 25px;</p> <pre><code>border-top: 2px ridge black; border-bottom: 2px ridge black; border-left: 1px ridge black; border-right: 1px ridge black; </code></pre> <p>}<br>


0


[/code]
[b]问题补充:[/b]
突然发现这个问题是我提的。结贴吧。

http://www.68design.net/Web-Guide/HTMLCSS/25455-1.html

你可以参考ext js的样式啊,还不错

可以使用 www.buttoncssgenerator.com在线可视化定制button