Hvordan lage runde hjørner i DIV

Hvordan lage runde hjørner i DIV


Web-design er en raskt voksende og spennende felt. Det gir mange muligheter for faglig utvikling og generelt betaler godt. Web-motivet kan være vanskelig, da det krever mestring av en rekke forskjellige teknikker. Den DIV er en av de grunnleggende enheter av webdesign brukes til å organisere informasjon på en side. Lære å visuelt manipulere divs er en viktig ferdighet for webdesignere.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk. Dette kan gjøres ved å navigere til "Start", "Alle programmer," "Tilbehør" og deretter lansere Notepad.

2 Kopier og lim inn eller skriv inn denne koden på Notepad for å lage en DIV:

<Html>

&lt;body>
&lt;div id=&quot;example>
&lt;/div>
&lt;/body>

</ Html>

3 Sett inn denne koden etter "<body>" tag:

<Style>

#example { width: 300px; height: 300px; background-color: red;}

</ Style>

4 Koden i trinn 2 og trinn 3 opprette en div for en 300x300 pikslers rød firkant. Lagre filen som en ".html" og åpne den i en nettleser for å se resultatet.

5 Gå tilbake til Notepad og legg til følgende kode etter "background-color: red ;." Denne koden vil runde hjørnene av div. Endre bildepunktverdi for å gjøre hjørnene mer eller mindre avrundet.

border-radius: 5px;