Formattazione del tag della regola orizzontale

• Potrebbe 2, 2024

Vuoi dividere la tua pagina o indicare una sezione separata? La regola orizzontale può farlo per te. È anche estremamente personalizzabile con attributi HTML e CSS.

La regola orizzontale è semplicemente un modo per disegnare una linea orizzontale attraverso la pagina. Una regola orizzontale di base non formattata è simile alla seguente:

---

... ed è indicato da

---

nel codice HTML. Tuttavia, puoi diventare piuttosto fantasioso, modificando larghezza, allineamento, colore e altro con gli attributi HTML. Ecco alcune delle opzioni.

Per modificare la larghezza, utilizzare l'attributo "larghezza" (piuttosto logico, giusto?) In questo modo:

---

... che ti dà una linea orizzontale su metà dello spazio disponibile, in questo modo:

---

Puoi anche specificare la larghezza in pixel, usando il formato

---

o solo

---

.

Quindi cambiamo il colore. Usa il seguente formato:

---

Per chi non lo sapesse, le lettere e i numeri sopra sono in codice esadecimale per il colore rosso. Il codice di esempio sopra ti darà una linea come quella qui sotto:

---

È possibile impostare l'allineamento della regola orizzontale su sinistra, centro o destra. Basta usare il codice come nell'esempio seguente:

---

... e vedrai una linea come la seguente:

---

Come puoi vedere dall'ultimo esempio, puoi combinare gli attributi e funzioneranno tutti. Come con la maggior parte degli attributi HTML, non importa quale ordine usi.

Tutti questi esempi si applicano a molti altri elementi HTML, ma anche la regola orizzontale ha un attributo univoco: noshade. Questo attributo rimuove l'effetto 3-D della linea. È possibile applicare l'attributo noshade come segue:

---

... ed ecco come apparirà:

---

Ora che sai come aggiungere questo elegante strumento di formattazione, non impazzire! Una pagina coperta da linee orizzontali di colore diverso sembra solo ingombra e strana. La regola orizzontale può essere utilizzata in modo molto efficace nel separare una parte della pagina - ad esempio, se hai una sezione piè di pagina nella parte inferiore di ogni pagina, potresti aggiungere una regola orizzontale appena sopra di essa per disattivarla dal contenuto della pagina .