In questo articolo impareremo l'attributo style in HTML , questo è l'attributo utilizzato per regolare la visualizzazione dei tag HTML stessi.

Dal momento che non abbiamo ancora imparato i CSS, non parlerò troppo di conoscenze tecniche come selettori, modi per aggiungere CSS.. Invece, guiderò ogni effetto e introdurrò le proprietà CSS che producono quell'effetto. .

Qual è l'attributo style in HTML?

Tutti i tag HTML hanno questo attributo di stile. Viene utilizzato per aggiungere CSS, modificare la visualizzazione predefinita di quel tag HTML. La sintassi è la seguente:

 <tagname style="CSS_PROPERTY">

Dove CSS_PROPERTY è il codice utilizzato per impostare l'interfaccia per il tag stesso. Ad esempio, imposta lo sfondo, cambia il colore del carattere, cambia la dimensione del carattere, imposta la posizione di visualizzazione sull'interfaccia …

Il valore di CSS_PROPERTY ha la forma key:value , se ci sono molti CSS, usa il ; per separarli.

Esempio : imposta lo sfondo sul rosso per il tag div.

 <div style="background:red">Học HTML Style tại web888.vn</div>

Come utilizzare l'attributo style in HTML

Sfondo di stile

Quando imposti lo sfondo sull'attributo style, puoi modificare il colore di sfondo per quel tag HTML.

 <div style="background:red">Học HTML Style tại web888.vn</div>

Colore del carattere dello stile

Puoi anche cambiare il colore del carattere usando la proprietà color .

 <div style="color:red">Học HTML Style tại web888.vn</div>

Dimensione del carattere dello stile

La proprietà font-size cambia la dimensione del carattere. Si prega di inserirlo nello stile da applicare.

 <div style="font-size: 50px">Học HTML Style tại web888.vn</div>

Aggiungi più CSS all'attributo style

Per aggiungere più effetti allo stile, separali con punto e virgola. Vedere l'esempio seguente per una migliore comprensione.

 <div style="font-size: 50px;color:red">Học HTML Style tại web888.vn</div>

Quindi sai già come utilizzare l'attributo style in HTML. Buona fortuna!