Enlaces labrar en CSS

CSS Styling Enlaces : Aquí, vamos a aprender sobre la peinar a los enlaces en CSS , que define el color, los colores de fondo, etc. subrayado

CSS Styling enlaces

Los eslabones de CSS pueden ser de estilo de varias maneras para hacer que nuestro sitio web sea más presentable y atractivo. Los enlaces también pueden ser de estilo en función de sus estados por ejemplo, visitaron , activa , vuelo estacionario , etc.

Los cuatro estados son enlaces,

  1. a: link : un enlace no visitado normales
  2. a: visited : un enlace que el usuario ha visitado
  3. a: hover : un enlace de los ratones momento el usuario más que
  4. a: active : un vínculo cuando se hace clic

Existen varios métodos a estilo de nuestros enlaces, algunos de ellos se enumeran a continuación,

color

El color de los enlaces puede ser alterado con lo que deciden ir a comprar. Como se mencionó en los enlaces pueden ser de estilo en función de sus estados.

Sintaxis:

    a:link{
color:red;
}

Ejemplo:

<!DOCTYPE html>
<head>
<style>
a:link {
background-color: red;
color: white;
}
a:active {
background-color: black;
}
</style>
</head>
<html>
<body>
<a href="#">It's a link1</a>
<br/>
<a href="#">It's a link2</a>
<br/>
<a href="#">It's a link3</a>
<br/>
<a href="#">It's a link3</a>
<br/>
</body>
</html>

salida

Styling Links in CSS - 4

El color blanco encima de conjuntos de códigos para el enlace.

texto Decoración

El text-decoration es la propiedad más comúnmente utilizado cuando se trata de estilo enlaces.

El propiedad text-decoration se utiliza para eliminar o subrayados conjunto de enlaces. Los valores posibles de text-decoration son: ninguno , subrayado , overline , abrir y cerrar , -line a través y hereda .

Sintaxis:

    a:link{
text-decoration:none;
}

Ejemplo:

<!DOCTYPE html>
<head>
<style>
a:link {
text-decoration: none;
}
a:hover {
text-decoration: overline;
}
</style>
</head>
<html>
<body>
<a href="#">It's a link1</a>
<br/>
<a href="#">It's a link2</a>
<br/>
<a href="#">It's a link3</a>
<br/>
<a href="#">It's a link3</a>
<br/>
</body>
</html>

salida

Styling Links in CSS - 5

el código anterior establece la decoración para el enlace y overline , cuando vuelo estacionario en el enlace.

color de fondo

El background-color es otra característica más comúnmente utilizado para establecer el color de fondo de nuestros enlaces para que aparezcan llamativo y una vez ninguna de las visitas de los visitantes de su sitio, que no será capaz de ignorar ese enlace.

Sintaxis:

    a:link{
background-color:red;
}

Ejemplo:

<!DOCTYPE html>
<head>
<style>
a:link {
background-color: red;
}
a:hover {
background-color: pink;
}
</style>
</head>
<html>
<body>
<a href="#">It's a link1</a><br/>
<a href="#">It's a link2</a><br/>
<a href="#">It's a link3</a><br/>
<a href="#">It's a link3</a><br/>
</body>
</html>

salida

Styling Links in CSS - 6

El código anterior establece el color de fondo al enlace cuando la libración en el enlace.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *