¿Cómo mostrar texto con CSS?

nicorto dijo:

Hola, estoy buscando como mostrar texto desde la hoja de estilos y no encuentro si se puede o no. Lo quiero para poner aviso de anuncios sobre bloques de Adsense y para evitar que los rastreadores lean ese texto.

Bueno si alguien sabe agradecido quedo 😉 :encouragement:

Hacer clic para expandir...

<style>
.aviso:after {
  background-color: #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 4px 0 4px 0;
  color: #9DA0A4;
  content: "Publicidad";
  font-size: 12px;
  font-weight: bold;
  left: -1px;
  padding: 3px 7px;
  position: absolute;
  top: -1px;
}
.aviso {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  margin: 15px 0;
  padding: 39px 19px 14px;
  position: relative;
}
</style>
<div class="aviso"><img src="https://storage.googleapis.com/support-kms-prod/SNP_2922349_en_v0" width="300" height="250"></div>

cicklow dijo:

si se puede perfectamente. solo tienes que usar el CSS content y after
CSS Content Property

ejemplo:

HTML:

<style>
.aviso:after {
  background-color: #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 4px 0 4px 0;
  color: #9DA0A4;
  content: "Publicidad";
  font-size: 12px;
  font-weight: bold;
  left: -1px;
  padding: 3px 7px;
  position: absolute;
  top: -1px;
}
.aviso {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  margin: 15px 0;
  padding: 39px 19px 14px;
  position: relative;
}
</style>
<div class="aviso"><img src="https://storage.googleapis.com/support-kms-prod/SNP_2922349_en_v0" width="300" height="250"></div>

Y kedara:
http://test.cicklow.me/css_content.html

Saludos!

Hacer clic para expandir...

nicorto dijo:

genial cicklow muchas gracias

Hacer clic para expandir...