Agregar estilo CSS a un título en HTML utilizando el atributo [data-title]
Más de un año
0
1
139
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 11 meses-1
Tienes que ser miembro para responder en este tema
Últimos comentarios
Afiliados
No tiene afiliados.
Afiliate a Desarrolladores web html css
Español