如何扩大边界？

Question

有没有办法让边框比它附加的div更大？例如，如果div尺寸为10x10，我可以将边框设为20x10吗？

Answer 1

您可以使用以下方法独立控制每一方：

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

或者让它们完全相同：

border: 20px solid #000;

Answer 2

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

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