圆角&;HTML中的椭圆形状按钮
我想创建一个没有图像的圆角和椭圆形状的HTML按钮。圆角&;HTML中的椭圆形状按钮,html,Html,我想创建一个没有图像的圆角和椭圆形状的HTML按钮。 怎么做呢?这使所有方面都变得更加全面: -webkit-border-radius:3em / 1em; -moz-border-radius:3em / 1em; border-radius:3em / 1em; border-radius:40px; 这使它们变得椭圆: border-radius:40px/24px; 看看这里,你会发现: 或者带着一些特别丑陋的幻想: 可能使用css3边界半径,并保持高度较小,以获得椭圆形,这是
怎么做呢?这使所有方面都变得更加全面:
-webkit-border-radius:3em / 1em;
-moz-border-radius:3em / 1em;
border-radius:3em / 1em;
border-radius:40px;
这使它们变得椭圆:
border-radius:40px/24px;
看看这里,你会发现:
或者带着一些特别丑陋的幻想:
可能使用css3边界半径,并保持高度较小,以获得椭圆形,这是跨浏览器支持的好位置(当然,支持css3的浏览器,除非使用css3饼图) 库利斯
#box-1 {
-webkit-border-radius:10px;
-moz-border-radius:10px;
-border-radius:10px;
}
对于Firefox、Safari/Chrome、Opera和IE9,此框应具有圆角
如果您需要更多帮助,请阅读这篇非常有用的文章:
使用CSS3:它可以工作,但只要我提供背景色(如背景色:#39C),它就会生成角矩形。它可以工作,但只要我提供背景色(如背景色:#39C),它就会生成角矩形。仅供参考,您输入CSS代码时没有将其标记为代码,因此您的帖子的格式很有趣。下次尝试使用代码图标(如下所示:{})。