Hvordan lage en avrundet boks med CSS3

Cascading Style Sheet nivå 3 (CSS3) er versjon 3 av CSS stil språk. CSS brukes med Hypertext Markup Language (HTML) dokumenter og styrer måten et nettsted vises i nettlesere som Microsoft Internet Explorer, Mozilla Firefox og Google Chrome. CSS3 lar deg endre en innfødt boks objekt i form av hjørnevinkler. The World Wide Web Consortium (W3C) gir eksempler på hvordan de vinkler som er angitt i CSS dokumentet vil vanligvis vises i en nettleser.

Bruksanvisning

1 Høyreklikk på CSS-filen som du ønsker å implementere CSS-kode for avrundede hjørner og klikk på "Åpne med." Klikk på "Notisblokk". Filen åpnes i Notepad.

2 Kopier og lim inn følgende CSS kode i CSS-filen:

NAVN?

{

border-width:

40px 20px;

border-radius:

80px / 60px;

}

Erstatt "NAVN?" med navnet på boksen element i HTML-dokumentet.

3 Trykk "Ctrl" og "S" på tastaturet for å lagre filen.

4 Avslutt Notisblokk.