Html <hr> Etichetta
Una linea lungo l'asse x viene definita una linea orizzontale utilizzata tra le linee dei paragrafi per renderlo facile da leggere. Più specificamente, queste linee possono essere utilizzate per aggiungere una rottura tematica tra diverse sezioni o paragrafi. Con l'aiuto di un HTML
tag, puoi disegnare una linea orizzontale sulla pagina web.
Questo articolo ti guiderà sull'uso dell'HTML "
"Tag.
Come inserire la linea orizzontale usando HTML
etichetta?
L'esempio seguente aggiungerà linee orizzontali tra i tre
elementi. Per fare ciò, creiamo un file HTML. Quindi, aggiungi tre
elementi per aggiungere un po 'di contenuto e specificare il "
"Tag tra ognuno di essi.
Html
Benvenuti in Linuxhint!
Il miglior sito web del tutorial
In missione per educare il mondo online
Salva il file HTML e aprilo nel browser per controllare i risultati:
Ora, aggiungiamo alcune proprietà CSS al
elemento.
Come applicare le proprietà CSS a
Elemento?
La sezione seguente dimostrerà le proprietà CSS che vengono applicate agli elementi HTML insieme alla HR.
Nel file HTML, all'interno dell'elemento corporeo, aggiungi un elemento div con il nome della classe "Casella di linea". All'interno di questo elemento Div, specifica quattro
elementi per aggiungere alcuni contenuti. Ogni
L'elemento è separato da
con classi come line1, line2, line3, line4 e line5:
La linea di blu di acciaio tratteggiata
La linea blu punteggiata
La linea verde tratteggiata
La linea viola rotonda
Style Linebox Div
.Linebox
Margine: 5px;
Bordo: 10px Groove RGB (133, 132, 135);
imbottitura: 15px;
Font-size: 16px
Ecco la descrizione del codice sopra dato:
-
- "margine"La proprietà imposta lo spazio di 5px attorno all'elemento.
- "confine"La proprietà imposta il bordo di larghezza 10px, tipo di linea di scanalatura e colore come RGB (133, 132, 135).
- "imbottitura"La proprietà imposta spazio attorno al contenuto dell'elemento.
- "dimensione del font"La proprietà imposta l'impostazione della dimensione del carattere su 16px.
Style Line1 di HR
hr.Linea 1
Bordo: 5px Solid Steelblue;
IL "confine"Proprietà con il valore"5px""solido" E "Blu acciaio"È applicato alla linea di classe 1 dell'elemento HR in cui il 5PX rappresenta la larghezza della linea, il solido è il tipo di linea e Steelblue è il colore.
Style Line2 di HR
hr.linea 2
Bordo: 1px blu punteggiato;
Per la linea di classe2 dell'elemento HR, la proprietà bordo che ha il valore "1px""punteggiato""blu"Viene applicato in cui 1px rappresenta la larghezza della linea, punteggiata è il tipo di linea e il blu è il suo colore.
Style Line3 di HR
hr.riga3
Bordo: 3px Dasched Green;
Per la linea di classe3, il valore aggiunto del bordo è "3px""tratteggiato""verde"Dove il 3px rappresenta la larghezza, il tratteggio è il tipo di linea e il verde è il suo colore.
Style Line4 di HR
hr.riga4
Bordo: 8px Purple solido;
raggio di frontiera: 8px;
Allo stesso modo, abbiamo applicato la proprietà del bordo a Line4 e impostato "raggio di confine" COME "8px".
Si può vedere che usando l'HTML
Tag, abbiamo aggiunto quattro tipi di linee orizzontali sulla nostra pagina web:
Grande! Hai imparato con successo l'HTML
Tag con esempi.
Conclusione
Per separare una sezione o un paragrafo, le linee orizzontali possono essere aggiunte alla nostra pagina web con l'aiuto di HTML
etichetta. Questo elemento è noto come un elemento vuoto perché non contiene un tag di chiusura. Puoi anche
con diverse proprietà CSS. Questo articolo ha dimostrato l'HTML
Tag e come modellarlo con CSS con l'aiuto di esempi.