Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
圆角&;HTML中的椭圆形状按钮_Html - Fatal编程技术网

圆角&;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边界半径,并保持高度较小,以获得椭圆形,这是

我想创建一个没有图像的圆角和椭圆形状的HTML按钮。
怎么做呢?

这使所有方面都变得更加全面:

-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代码时没有将其标记为代码,因此您的帖子的格式很有趣。下次尝试使用代码图标(如下所示:{})。