CSS Zaokrąglone Corner DIV

Question

Jak zrobić tylko jeden lub dwa lub trzy narożniki rundzie div?

Answer 1

Określ narożniki chcesz:

border-top-left-radius: 10px 5px; 
border-bottom-right-radius: 10% 5%; 
border-top-right-radius: 10px; 

http://www.css3.info/preview/rounded-border/

Answer 2

Tutaj jest doskonałym źródłem informacji, które mogą okazać się przydatne, aby to zrobić dla siebie i uczyć się.

http://borderradius.com/

Powodzenia!

Dobrze odpowiedzieć Ci na pytanie (oprócz narzędzia):

jeden narożnik (lewy górny róg):

-webkit-border-top-left-radius: 10px; 
-moz-border-radius-topleft: 10px; 
border-top-left-radius: 10px; 

dwa rogi (górny lewy i prawy):

-webkit-border-top-left-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-topleft: 10px; 
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 

Trzy rogi (u góry po lewej i prawej stronie oraz u dołu po prawej)

-webkit-border-radius: 10px; 
-webkit-border-bottom-left-radius: 0; 
-moz-border-radius: 10px; 
-moz-border-radius-bottomleft: 0; 
border-radius: 10px; 
border-bottom-left-radius: 0; 

I tak dalej ...

Wszystko o promieniu 10px, bardzo łatwe do wykonania za pomocą narzędzia, które polecam.

BTW: Nie przegap idlefingers 'odpowiedź, bardzo dobry zasób !!

Zobacz także: Creating rounded corners using CSS

Answer 3

Żaden z pozostałych odpowiedzi pracować z IE8, więc tutaj jest link z wielu możliwych rozwiązań:

DevWebPro

Answer 4

wykorzystanie border-radius

border-radius:5px; 

furt jej Link