Será necesario jugar con los valores de las propiedades border-top, border-right, border-bottom y border-left, para evitar superposiciones y otros efectos indeseados (cada plantilla es un mundo).
Así podría quedar el código para añadir el borde de los títulos de la sidebar:
.sidebar h2 {
padding: 5px;
border-top: 1px solid #ffffff;
border-right: 0;
border-bottom: 1px solid #bdbdbd;
border-left: 0;
background-color: #d8d8d8;
background-image: none;
} Y así quedaría el código para añadir el borde a los elementos de la sidebar:.sidebar .widget {
margin: 0 0 0.25em;
padding: 0 0 0.75em;
border-top: 0;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #a4a4a4;
border-left: 1px solid #d8d8d8;
background: #e6e6e6;
}

1 comentario:
Muy interesante. Gracias. Saludos
Publicar un comentario