CSS-elementos subliñado decorativa

Tecnoloxía de estilo ten dúas funcións no deseño de páxinas HTML. En primeiro lugar, coa súa axuda, existe unha posición de formación dos elementos individuais do local. En segundo lugar, fai as unidades visualmente atractivo para o usuario. Implantación da segunda función ocorre de moitas maneiras. Un deles - subliñado. CSS prevé decoración este atributo texto-.

rexistro atributo Specification

Use texto- propiedade decoración é simple. Suficiente para rexistrar no código CSS arquivo, a seguinte liña ao elemento:

decoración texto-: znachenie_atributa;

No canto de "znachenie_atributa» especificación CSS ofrece unha serie de opcións:

• subliñar - liña situada debaixo do texto;
• overline - line é executado desde o principio do texto;
• ningún - a eliminación de todos os efectos decorativos;
• herdar - adopta o valor do elemento pai.

O exposto anteriormente non son todas as posibles formas de gravación, como este atributo especifica non só o subliñado CSS, pero outros efectos, como a "palpebrar" ou texto tachado.

Exemplos de ligazóns de deseño

Principiantes en deseño web e programación, xorde a pregunta: por que a liña de fondo no texto? Nos albores da era da tecnoloxía de Internet a rede de distribución de usuario para o feito de que diante del é un hyperlink - texto, premendo no cal celebrarase a transición a unha nova páxina.

Por defecto, Hyperlink propiedade definida subliñado. Na práctica, non é un problema para eliminar a liña desde dispositivos inactivos e facelo visible como o usuario move o punteiro do rato. Aquí está un exemplo de código que desactiva as conexións subliñado CSS:

a {text-decoration: none; }

Para enlaces activos a través da seguinte entrada:

a: hover {text-decoration: underline;}

subliñado decorativo para avanzados

atributo estándar texto- decoración ten varias limitacións:

• cor de liña diferente da cor do texto da ligazón, é imposible distinguir entre a súa "cor";
• Só a liña a chea é usada como o subliñado. CSS non implica o uso de outros estilos da marca.

Pero as técnicas especiais axudan desvío a mirada clásico do texto. No primeiro caso, para definir un hipervínculo a usar a etiqueta opcional .

Por exemplo: