HTML中的圆角和椭圆形按钮

我想创建一个具有圆角和椭圆形状而没有图像的HTML按钮。这是干什么的？HTML中的圆角和椭圆形按钮

2011-05-06 Eshika

随着CSS3：http://www.google.com/search?q=css3+rounded+corners – 2011-05-06 09:44:40

这使得各方四舍五入：

border-radius:40px;

这使得他们椭圆：

border-radius:40px/24px;

看一看这里看看：

或者用一些额外的丑陋花式：

2011-05-06 09:51:24

它的作品，但只要我提供任何背景颜色像背景颜色：＃39C，它使角矩形。 – Eshika 2011-05-06 10:34:46

它不会在IE7工作 – Amareswar 2011-05-10 12:26:46

-webkit-border-radius:3em/1em; 
-moz-border-radius:3em/1em; 
border-radius:3em/1em;

2011-05-06 09:50:24 ninjagecko

可能使用CSS3边框半径，并保持高度的小得到一个椭圆形，很好的网站，使用跨浏览器支持（浏览器支持CSS3仅当然，除非您使用CSS3馅饼http://css3pie.com/）http://border-radius.com/

koolies

2011-05-06 09:55:45 FIR55TORM

#box-1 { 
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    -border-radius:10px; 
}

这个盒子应该有一个圆角的Firefox，Safari /铬，Opera和IE9。

这是，如果你需要更多的帮助，这读取一个非常有用的文章：

2011-05-06 10:27:45

它的工作原理，但只要我提供任何背景颜色，如背景颜色：＃39C，它使角矩形。 – Eshika 2011-05-06 10:46:03

仅供参考，您在输入CSS代码时没有将其标记为代码，因此您的帖子有趣的格式。下次尝试使用代码图标（如下所示：{}）。 – 2011-05-06 16:35:15

回答