Hvordan lage buede hjørner i CSS

Cascading Style Sheets (CSS) lar deg lage estetiske funksjoner og oppsett for websidene. Du kan bruke CSS til å runde kantene på grensene for tabeller, divs og andre HTML containerelementer. Du bestemmer radius for de avrundede seksjoner, og nettleseren viser avrundede hjørner uten bruk av ekstra bilder eller koding.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder de elementene du ønsker å redigere. Klikk "Åpne med", og klikk deretter på HTML-editor i listen over programmer.

2 Lag en "stil" i HTML-siden. Følgende kode betegner en CSS stil seksjon for siden:

<Script type = "text / css"> </ script>

3 Skriv inn følgende kode i "script" tags opprettet i trinn to:

div {

border-radius: 20px;

}

Koden runder over en div container med 20 piksler.

4 Lagre filen og åpne filen i en nettleser. Gjennomgå avrundede deler av beholderen for å bekrefte at du er fornøyd med den nye koden.