Agregar estilo CSS a un t?tulo en HTML utilizando el atributo [data-title]
Más de 3 años
0
1
448
Si deseas agregar estilo CSS a un atributo de t?tulo en HTML utilizando el atributo [data-title], puedes hacer lo siguiente:
1. Agrega un atributo personalizado [data-title] a tu elemento HTML y agrega el texto que deseas utilizar para el t?tulo entre las comillas dobles.
Ejemplo:?
2. En tu archivo CSS, define las reglas de estilo que deseas aplicar al atributo [data-title]. Puedes hacer referencia al atributo utilizando la pseudo-clase [data-title] en tu selector.
Ejemplo:
Estilo css
1. Agrega un atributo personalizado [data-title] a tu elemento HTML y agrega el texto que deseas utilizar para el t?tulo entre las comillas dobles.
Ejemplo:?
<a href="#" data-title="Este es el t?tulo">Enlace</a>
2. En tu archivo CSS, define las reglas de estilo que deseas aplicar al atributo [data-title]. Puedes hacer referencia al atributo utilizando la pseudo-clase [data-title] en tu selector.
Ejemplo:
Estilo css
<style>
a[data-title] {position: relative;}
a[data-title]:hover:after {
? content: attr(data-title);
? position: absolute;
? bottom: 100%;
? left: 50%;
? transform: translateX(-50%);
? padding: 5px;
? background-color: #333;
? color: #fff;
? border-radius: 5px;
? width:100px;
}
</style>
1 comentarios
moyo
Más de 3 años
-1
Tienes que ser miembro para responder en este tema
Últimos comentarios