Propiedades de cuadro

Ejemplos de Bordes CSS

los bordes de los cuadros en el diseño web, pueden presentarse definiendo las propiedad por separado o utilizando las formas abreviadas. en tal sentido el diseñador web empleara su criterio. Veamos los siguientes ejemplos:

Borde de estilo solido

div {border:1px solid green;}

bordes estilo solido, con anchos diferentes

div {border-color:#80A8D0 #35628E;
     border-width:4px 1px 1px 4px;
     border-style:solid;
     background-color:#DDEEFF;color:#000000;padding:5px;}

Aplicando un borde izquierdo al título

Utilizamos la propiedad border-left, con borde 8px, solido y un color de borde.

h2 {border-left: 8px solid #FF9933;
    background-color:#E6FFE6;
    padding:5px;font-size:19px;color:#F47A00;}