notatnik.net.pl

CSS: zaokrąglona ramka

Czwartek, 18.07.2013

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;
}

Zobacz też:

Osadzanie CSS w dokumencie HTML5CSS: Wycentrowanie zdjęcia w pionieCSS: Jak zrobić wcięcie pierwszego wiersza w akapicie?CSS: style dla elementu <hr>