曲径通幽论坛

标题: div 中的边框(border) 设置 [打印本页]

作者: beyes 时间: 2016-12-19 16:10
标题: div 中的边框(border) 设置
现在定义一个 div，里头被一张背景图片填充（请忽略背景图片中的 “这是一个段落的内容”文字）。代码：

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

在 IE 里打开：
[attach]4770[/attach]

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

border:10px solid red;

[attach]4771[/attach]

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

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)