Doble borde con CSS

Hoy veremos como poner un doble borde con CSS a una caja utilizando la propiedad outline.

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
div {
    padding: 20px;
    height:80px;
    width: 180px;
    border: 3px solid green;
    outline: 5px solid black;
}
</style>
</head>
<body>

<div>DOBLE BORDE CON CSS victorroblesweb.es</div>

</body>
</html>

Resultado:
doble borde con css

Más información:
http://www.w3schools.com/cssref/pr_outline.asp

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post