CSS: zaokrąglona ramka
Przykład, jak zrobić zaokrągloną ramkę za pomocą kodu HTML i stylów CSS
Zaokrąglona ramka wykonana za pomocą HTML i CSS.
Zaokrąglona ramka widoczna powyżej wykonana została na elemencie <div>. Kod HTML to:
<div class="zaokraglona-ramka">Zaokrąglona ramka wykonana za pomocą HTML i CSS.</div>
Aby nadać ramce odpowiedni wygląd musimy już tylko zapisać poniższy kod w CSS:
.zaokraglona-ramka{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 2px 2px 3px;
-moz-box-shadow: #666 2px 2px 3px;
box-shadow: #666 2px 2px 3px;
background: #FFFFFF;
width: 400px;
height: 100px;
padding: 20px;
text-align: center;
}