如何调整边框的大小？

Question

有没有办法让边框比它附着的div大？例如，如果div尺寸是10x10，我可以使边框20x10？

Answer 1

是的，你可以： - 检查此链接 - http://jsfiddle.net/QnTqh/2/

div{ 
    width:100px; 
    height:100px; 
    border:1px solid red; 
    border-width:200px 200px 10px 10px; 
}​ 

Answer 2

您可以使用以下方法来控制每个边独立：

border-top: 10px solid #000; 
border-right: 20px solid #000; 
border-bottom: 10px solid #000; 
border-left: 20px solid #000; 

或使它们都是一样的：

border: 20px solid #000;