Jak zrobić div z zaokrąglonymi narożnikami?

Question

Jak zrobić div, aby zaokrąglić narożniki ramki?

Dziękuję wszystkim!

Answer 1

Oto ona:

<style type="text/css"> 
div.test 
{ 
width: 115px; 
padding: 10px; 
border: 2px solid #000; 
border-radius: 15px; 
-moz-border-radius: 15px; 
} 
</style> 
<div class="test">This is some text!</div> 

-SilverHorn

Answer 2

na przykład z wykorzystaniem CSS 3 oto example

Answer 3

z CSS dodać kod: border-radius: 10px.

Używam na przykład 10 pikseli, ale możesz eksperymentować z ilością pikseli, które lubisz.

Answer 4

dodać CSS:

border-top-right-radius:15px; 
border-top-left-radius:15px; 
border-bottom-right-radius:15px; 
border-bottom-left-radius:15px; 

Answer 5

użyć właściwości border-radius. Im wyższa określona ilość (zazwyczaj w px), tym bardziej zaokrąglony jest twój kształt. Przykład:

myDiv { border-radius:30px;} 

Nadzieję, że pomaga.