CSS atinge a cor diferente do texto

CSS atinge a cor diferente do texto
Frequentemente vemos uma linha horizontal cruzando o texto de tal maneira que parece que o texto foi cancelado ou abstrado. Essas linhas são chamadas de strikethrough. Para criar um ataque no texto enquanto estiver usando HTML para formatar o documento, as tags html são usadas. Embora a criação de uma greve usando a tag seja o método padrão, os striketroughs também podem ser criados usando a propriedade de decoração de texto dentro da tag.

Esta posta.

Método 1: através da tag

Criar o striketrough no texto através da tag é simples. Vamos entender isso com a ajuda de um exemplo:


Redação de cor vermelha
  • No trecho de código acima, há uma tag na qual há o atributo de estilo que define o “vermelho”Cor para o striketrough. Esta será a cor do striketrough (não o texto).
  • Dentro da tag, há outra tag, eu.e., tag, com o atributo de estilo que define a cor do texto em que o striketrough deve ser aplicado como “preto”.

A saída a seguir será exibida na interface da página da web:

Método 2: Usando a propriedade de decoração de texto

Também é possível criar o striketrough em um texto usando apenas a propriedade de decoração de texto:


Verde de colorido
  • No trecho de código acima, há a tag criada com o atributo de estilo que define a cor do striketrough “verde”.
  • Depois disso, há o “Decoração de texto: linha de linhaPropriedade CSS que cria o strikeThrough (linha horizontal) na saída.
  • Dentro da tag principal, há outra tag exatamente como a criada na seção anterior deste artigo.
  • Na tag criada dentro da etiqueta principal, há o atributo de estilo que define a cor do texto para o qual o striketrough deve ser criado como “preto”.

Isso exibirá o texto colorido em “preto”Cor e striketrough no texto colorido em“verde" cor:

É assim que as greves são criadas e exibidas em uma interface da página da web.

Conclusão

As greves no texto em HTML podem ser criadas adicionando a tag usada para criar a greve e adicionar o atributo de cor dentro dele ou adicionando a propriedade de decoração de texto na tag e configurando-a igual à linha-through-through. Através desses métodos, os trechos podem ser criados e as cores para o strikehrough podem ser definidas facilmente.