Hvordan jeg rundt hjørnet Grenser i CSS?

Cascading Style Sheets tillate deg å bruke et bredt spekter av visuelle effekter til elementer av websiden, bryte ut av den enkle tabellbasert design. Blant disse effektene er evnen til å lage innhold beholdere som er mer komplekse og interessant enn enkle polygoner. En vanlig oppgave, som historisk kreves bruk av et grafisk som et bakgrunnsbilde, er etableringen av en beholder med avrundede hjørner. Den nyeste versjonen av CSS gjør denne oppgaven svært enkel.

Bruksanvisning

1 Åpne websiden med beholderen der grensene du ønsker å runde i din foretrukne teksteditor.

2 Finn tag av beholderen der grensene du ønsker å runde i kildekoden.

3 Legg til følgende kode i containeren tag:

style = "border-radius: 15px"

Bruke høyere eller lavere tall, avhengig av dybden av avrunding du ønsker.