CSS uderza w inny kolor od tekstu

Często widzimy poziomą linię przekraczającą tekst w taki sposób, że wydaje się, że tekst został anulowany lub wstrzymany. Te linie nazywane są strikethrough. Aby utworzyć strikeThrough na tekście podczas używania HTML do sformatowania dokumentu, używane są znaczniki HTML. Chociaż tworzenie strefhrough za pomocą znacznika jest standardową metodą, Strikethroughs można również utworzyć za pomocą właściwości dekoracji tekstu wewnątrz znacznika.

Ten post obejmie obie metody tworzenia strikeThrough z innym kolorem niż tekst, na którym stosuje się strikeThrough.

Metoda 1: przez tag

Tworzenie StrikeThrough na tekście za pomocą znacznika jest proste. Zrozummy to za pomocą przykładu:

Kolor czerwony

• W powyższym fragmencie kodu jest znacznik, w którym istnieje atrybut stylu, który określa „czerwony„Kolor dla Strikethrough. Będzie to kolor Strikethrough (nie tekst).
• Wewnątrz znacznika jest inny tag, ja.mi., Tag, z atrybutem stylu, który określa kolor tekstu, w którym należy zastosować Strikethrough jako „czarny".

Następujące dane wyjściowe zostanie wyświetlone na interfejsie strony internetowej:

Metoda 2: Korzystanie z właściwości dekoracji tekstu

Możliwe jest również utworzenie strikeThrough w tekście za pomocą tylko właściwości dekoracji tekstu:

Zielony w kolorze

• W powyższym fragmencie kodu znajduje się znacznik tworzony z atrybutem stylu, który określa kolor strikeThrough ”zielony".
• Potem jest „Dekoracja tekstu: Przejście linii„Własność CSS, która tworzy Strikethrough (linia pozioma) na wyjściu.
• Wewnątrz głównego znacznika jest inny tag dokładnie taki jak ten utworzony w poprzedniej sekcji tego artykułu.
• W znaczniku utworzonym wewnątrz głównego znacznika znajduje się atrybut stylu, który określa kolor tekstu, dla którego należy utworzyć Strikethrough jako „czarny".

To wyświetli tekst kolorowy w „czarny”Kolor i uderzenie w tekście kolorowym w„zielony" kolor:

W ten sposób tworzone i wyświetlane są strikeThroughs na interfejsie strony internetowej.

Wniosek

StrikeThroughs na tekście w HTML można albo utworzyć przez dodanie znacznika używanego do utworzenia uderzenia i dodania atrybutu koloru w nim lub przez dodanie właściwości dekoracji tekstu w tag. Za pomocą tych metod można tworzyć strikeThroughs, a kolory dla strikeThrough można łatwo zdefiniować.