Добавить нижнюю границу в DIV

Question

Я пытаюсь добавить нижнюю границу в DIV

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

Однако нижняя граница не появляется белой. Есть идеи?

Answer 1

Вы должны указать border-bottom-style также в DIV

и ваш код становится

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

или вы можете использовать сокращенную запись для border-bottom, как показано ниже

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

Это прекрасно работает для меня

Answer 2

Это потому, что вам нужно t o укажите, какой стиль границы. Без этого граница обыкновение показывать:

border-bottom-style:solid; 

Вы также могли бы объединить свои declerations в один так:

border-bottom:2px solid White;