Formátování vodorovné značky pravidla

• Smět 1, 2024

Chcete rozdělit svou stránku nebo označit samostatnou sekci? Horizontální pravidlo to může udělat za vás. Je také velmi přizpůsobitelný s atributy HTML a CSS.

Horizontální pravidlo je jednoduše způsob, jak nakreslit vodorovnou čáru přes stránku. Základní, neformátované horizontální pravidlo vypadá takto:

---

... a je označen

---

v HTML kódu. S atributy HTML však můžete mít docela fantazii, měnit šířku, zarovnání, barvu a další. Zde jsou některé z možností.

Chcete-li změnit šířku, použijte atribut „width“ (docela logický, že?) Takto:

---

... což vám dává vodorovnou čáru napříč polovinou dostupného prostoru, například:

---

Pomocí formátu můžete také určit šířku v pixelech

---

nebo prostě

---

.

Dále změníme barvu. Použijte následující formát:

---

Pro nezasvěcené jsou písmena a čísla výše hexadecimálním kódem pro červenou barvu. Ukázkový kód výše vám poskytne řádek, jako je níže uvedený:

---

Zarovnání vodorovného pravidla můžete nastavit doleva, na střed nebo doprava. Stačí použít kód, jako je ukázka níže:

---

... a uvidíte následující řádek:

---

Jak vidíte z posledního příkladu, můžete kombinovat atributy a všechny budou fungovat. Stejně jako u většiny atributů HTML nezáleží na tom, jaké pořadí použijete.

Všechny tyto příklady platí pro mnoho dalších prvků HTML, ale horizontální pravidlo má také jedinečný atribut: noshade. Tento atribut odstraní 3D efekt linky. Atribut noshade můžete použít následujícím způsobem:

---

... a tady to bude vypadat:

---

Nyní, když víte, jak přidat tento šikovný formátovací nástroj, s tím se nezblázněte! Stránka pokrytá různě barevnými vodorovnými čarami vypadá prostě nepřehledně a podivně. Horizontální pravidlo lze velmi efektivně použít k oddělení části stránky - například pokud máte v dolní části každé stránky část zápatí, můžete přidat horizontální pravidlo těsně nad ním, abyste jej vypnuli od obsahu stránky. .

Video Návody: BESIP - Křižovatky, obytná a pěší zóna (Smět 2024).