2016-03-26 97 views
0

我正在嘗試使用邊界半徑,但它不像是這個圖像。通過css創建半徑

enter image description here

+0

黃色的部分或黑色的? – Harry

+1

可能的重複http://stackoverflow.com/questions/16388078/is-a-concave-border-radius-possible?s=1|3.4279 – Harry

+0

你能澄清你在做什麼?你想讓你的網頁元素呈現,使它看起來像你的樣本圖像? – emery

回答

0

組邊界半徑:50%;

下面是一個div

div { 
height: 500px; 
border: 2px solid #a1a1a1; 
padding: 10px 40px; 
background: yellow; 
width: 400px; 
border-radius: 0% 50% 50% 0%; 
} 
+0

它不是所有方面或週期的半徑。它只有一個半徑。其他方廣場。 –

+0

我已經更新了答案,請現在查看 –

0

如果你想創建圈子,給予相同的高度和寬度的div和添加邊界半徑財產50%的例子CSS代碼。

.circle{ 
 
    width:400px; 
 
    height:400px; 
 
    background:#000; 
 
    border-radius:50%; 
 
    }
<div class="circle"></div>

0

如果你試圖讓黑一個圈,然後下面的CSS代碼只需添加到div的類/ ID。如果你想整個圖像,然後這個CSS代碼添加到特定的ID /類。(如果你願意,你可以改變高度和寬度。)

#circle{ 
 
    width:200px; 
 
    height:200px; 
 
    background:#000; 
 
    border-radius:100%; 
 
    }
<div id="circle"></div>