div 中的边框(border) 设置

beyes

现在定义一个 div，里头被一张背景图片填充（请忽略背景图片中的 “这是一个段落的内容”文字）。代码：

div {          width:500px;
          height:500px;
          background-image:url("dd.jpg");
  }

在 IE 里打开：


如果使用 border 给这个 div 加上边框：

        border:10px solid red;

我们加的边框是 10px 。需要注意的是，这个 10px 并不是单一侧边框的宽度是 10px，而是左右的边框宽度加起来一共是 10px，也就是一侧的宽度是 10px；对于上下边框也是这种道理。