Thêm một biên giới dưới lên một div

Question

Tôi cố gắng để thêm một biên giới dưới lên một div

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

Tuy nhiên biên giới phía dưới không xuất hiện màu trắng. Bất kỳ ý tưởng?

Answer 1

Bạn cần phải xác định border-bottom-style cũng div

và mã của bạn trở nên

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

hoặc bạn có thể sử dụng một cách viết tắt cho border-bottom như dưới đây

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

này hoạt động tốt cho tôi

Answer 2

Đó là vì bạn cần t o nhà nước phong cách biên giới là gì. Nếu không có này sẽ không biên giới cho thấy:

border-bottom-style:solid; 

Bạn cũng có thể kết hợp declerations của bạn thành một mặt hàng như vậy:

border-bottom:2px solid White;