Formatowanie poziomego znacznika reguły

• Kwiecień 20, 2024

Chcesz podzielić swoją stronę lub wskazać osobną sekcję? Reguła pozioma może to zrobić za Ciebie. Jest również wyjątkowo konfigurowalny za pomocą atrybutów HTML i CSS.

Reguła pozioma jest po prostu sposobem na narysowanie poziomej linii przez stronę. Podstawowa, niesformatowana reguła pozioma wygląda następująco:

---

... i jest oznaczony przez

---

w kodzie HTML. Jednak możesz uzyskać dość fantazyjne, zmieniając szerokość, wyrównanie, kolor i więcej za pomocą atrybutów HTML. Oto niektóre z opcji.

Aby zmienić szerokość, użyj atrybutu „szerokość” (całkiem logiczne, prawda?) W następujący sposób:

---

... co daje linię poziomą w poprzek połowy dostępnej przestrzeni, na przykład:

---

Możesz także określić szerokość w pikselach, używając formatu

---

Lub tylko

---

.

Następnie zmieńmy kolor. Użyj następującego formatu:

---

Dla niewtajemniczonych powyższe litery i cyfry są kodem szesnastkowym dla koloru czerwonego. Przykładowy kod powyżej da ci linię podobną do poniższej:

---

Można ustawić wyrównanie reguły poziomej do lewej, środkowej lub prawej. Wystarczy użyć kodu jak w poniższym przykładzie:

---

... i zobaczysz następujący wiersz:

---

Jak widać z tego ostatniego przykładu, możesz łączyć atrybuty i wszystkie będą działać. Podobnie jak w przypadku większości atrybutów HTML, nie ma znaczenia, jakiej kolejności używasz.

Wszystkie te przykłady dotyczą wielu innych elementów HTML, ale reguła pozioma ma również unikalny atrybut: noshade. Ten atrybut usuwa efekt trójwymiarowości linii. Możesz zastosować atrybut noshade w następujący sposób:

---

... a oto jak to będzie wyglądać:

---

Teraz, gdy wiesz, jak dodać to fajne narzędzie do formatowania, nie zwariuj z nim! Strona pokryta różnokolorowymi poziomymi liniami wygląda po prostu zagracona i dziwna. Regułę poziomą można bardzo skutecznie wykorzystać do oddzielenia części strony - na przykład, jeśli u dołu każdej strony znajduje się sekcja stopki, można dodać regułę poziomą tuż nad nią, aby oddzielić ją od zawartości strony .

Instrukcje Wideo: excel-476 - Wyliczenie wartości wyszukując jednoczesnie cenę i ilość (Kwiecień 2024).