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>
<body>
<div id="example>
</div>
</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;