"hover text" para resaltar texto
diddi776
-
Mihawk Mensajes publicados 4753 Estado Colaborador -
Mihawk Mensajes publicados 4753 Estado Colaborador -
Hola,
Me gustaría saber cómo hacer para resaltar al pasar el cursor sobre un texto con el color que queramos, como en el sitio "http://cuisine.journaldesfemmes.com" ?
Configuración: Windows XP / Firefox 7.0.1
Me gustaría saber cómo hacer para resaltar al pasar el cursor sobre un texto con el color que queramos, como en el sitio "http://cuisine.journaldesfemmes.com" ?
Configuración: Windows XP / Firefox 7.0.1
Enlaces relacionados:
- Un BLOB en SQL ou MySQL est un type de données qui permet de stocker des objets binaires de grande taille, tels que des images, des vidéos ou d'autres fichiers multimédias.
- Crear un botón de cerrar en un sitio web.
- convertir un fichier OpenOffice en JPEG
- Traducción al latín de un texto sobre una estatua
- Poner un fondo negro a un texto
- Desplazar el texto en un mensaje de foroactivo
5 respuestas
Bonjour,
Se trata de una propiedad CSS.
Encadras el texto a colorear al pasar el cursor dentro de una etiqueta.
Por ejemplo:
Luego, en el CSS:
El :hover indica que la acción solo se realizará al pasar el cursor por encima de todo lo que tenga la clase "test".
Espero haberte respondido, mis nociones de CSS empiezan a quedarse desactualizadas...
Mourir nuit gravement à votre santé.
Se trata de una propiedad CSS.
Encadras el texto a colorear al pasar el cursor dentro de una etiqueta.
Por ejemplo:
<span class="test">Voici un texte à colorer au survol !</span>
Luego, en el CSS:
.test:hover { font-color:red; } El :hover indica que la acción solo se realizará al pasar el cursor por encima de todo lo que tenga la clase "test".
Espero haberte respondido, mis nociones de CSS empiezan a quedarse desactualizadas...
Mourir nuit gravement à votre santé.
gracias por vuestras respuestas,
Para ser más preciso, busco que cada carácter de mi sitio esté resaltado en otro color, por ejemplo como en el sitio que he dado (http://cuisine.journaldesfemmes.com) está “resaltado” en rosa.
Entonces no sé si puedo usar en CSS: text-decoration y poner overline del tipo :
.test{
text-decoration:overline;
}
para empezar
Para ser más preciso, busco que cada carácter de mi sitio esté resaltado en otro color, por ejemplo como en el sitio que he dado (http://cuisine.journaldesfemmes.com) está “resaltado” en rosa.
Entonces no sé si puedo usar en CSS: text-decoration y poner overline del tipo :
.test{
text-decoration:overline;
}
para empezar
Una simple búsqueda en Google y ya está hecho:
*::selection { background:#cc2a00; color:#fff; } *::-moz-selection { background:#cc2a00; color:#fff; } *::-webkit-selection { background:#cc2a00; color:#fff; }
Hola,
Lamentablemente no hay ninguna propiedad CSS que permita “subrayar” en sentido estricto. Hay que insertar el texto a subrayar dentro de un “span” al que se le dé un color de fondo al pasar el ratón, mediante el uso de la pseudo-clase CSS “hover”.
Aquí tienes un ejemplo de código para copiar en tu ordenador, en un archivo HTML básico. Te muestra el uso del CSS combinado con el HTML para subrayar una palabra al pasar el ratón.
--
Mihawk
"Tant qu'on ne fait pas, on ne sait pas."
Lamentablemente no hay ninguna propiedad CSS que permita “subrayar” en sentido estricto. Hay que insertar el texto a subrayar dentro de un “span” al que se le dé un color de fondo al pasar el ratón, mediante el uso de la pseudo-clase CSS “hover”.
Aquí tienes un ejemplo de código para copiar en tu ordenador, en un archivo HTML básico. Te muestra el uso del CSS combinado con el HTML para subrayar una palabra al pasar el ratón.
<html> <head> <style> .surligneJaune:hover {background-color:yellow;} </style> </head> <body> <div> Voici un texte servant de test, et le mot suivant est surligné au survol : <span class="surligneJaune">dromadaire</span>. </div> </body> </html> --
Mihawk
"Tant qu'on ne fait pas, on ne sait pas."