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

回答