Aggiungere un bordo inferiore ad un div

Question

Sto cercando di aggiungere un bordo inferiore per 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%; 
} 

Tuttavia il bordo inferiore non appare bianco. Qualche idea?

Answer 1

È necessario specificare il border-bottom-style anche al div

e il codice la

.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%; 
} 

oppure è possibile utilizzare una scorciatoia per la border-bottom come qui di seguito

<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> 

Questo funziona bene per me

Answer 2

È perché è necessario t o indica quale è lo stile del bordo. Senza questo la mostra solito confine:

border-bottom-style:solid; 

Si potrebbe anche combinare le vostre declerations in un unico modo:

border-bottom:2px solid White;