Añadir un borde inferior a un div

Question

Estoy tratando de agregar un borde inferior a un div

.divLast 
{ 
    top: 0px; 
    margin:0px; 
    padding: 0px 2px 2px 3px;  
    border-width: 2px; 
    border-bottom-width:2px; 
    border-bottom-color:White; 
    width: 100%; 
} 

Sin embargo, el borde inferior no aparece blanco. ¿Alguna idea?

Answer 1

tiene que especificar el border-bottom-style también a la div

y su código se convierte en

.divLast 
{ 
    top: 0px; 
    margin:0px; 
    padding: 0px 2px 2px 3px;  
    border-width: 2px; 
    border-bottom-width:2px; 
    border-bottom-color:White; 
    border-bottom-style: solid; 
    width: 100%; 
} 

o puede utilizar un atajo para la border-bottom, como a continuación

<style> 
.divLast 
{ 
    top: 0px; 
    margin:0px; 
    padding: 0px 2px 2px 3px;  
    border-width: 2px; 
    border-bottom: 2px white solid; 
    width: 100%; 
} 
</style> 
<div class='divLast'> 
    test element with white border bottom 
</div> 

Esto funciona bien para mí

Answer 2

Es porque necesita t o indicar cuál es el estilo de borde. Sin esto, la costumbre frontera espectáculo:

border-bottom-style:solid; 

También puede combinar sus declerations en un solo modo:

border-bottom:2px solid White;