Come creare Angoli arrotondati in DIV

November 9

Come creare Angoli arrotondati in DIV


Web design è un settore in rapida crescita ed emozionante. Esso offre molte opportunità di sviluppo professionale e, in generale paga bene. Web design può essere difficile, in quanto richiede la padronanza di un'ampia varietà di tecniche. La DIV è una delle unità fondamentali del web design utilizzati per organizzare le informazioni su una pagina. Imparare a manipolare visivamente DIV è una competenza fondamentale per i web designer.

istruzione

1 Aprire un editor di testo come Blocco note. Questo può essere fatto accedendo a "Start", "Tutti i programmi", "Accessori", quindi il lancio di blocco note.

2 Copiare e incollare o digitare il codice in Blocco note per creare un DIV:

<Html>

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

</ Html>

3 Inserire questo codice dopo il tag "<body>":

<Style>

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

</ Style>

4 Il codice nel passaggio 2 e Fase 3 creare un div per un quadrato rosso 300x300 pixel. Salvare il file come ".html" e aprirlo in un browser per vedere il risultato.

5 Torna Blocco note e aggiungere il seguente codice dopo "background-color: ;. rosso" Questo codice arrotondare gli angoli del div. Modificare il valore di pixel per ridurre gli angoli più o meno arrotondato.

border-radius: 5px;