目录
55.1.1 设计边框样式
55.1.2 调整边框的粗细
55.1.3 边框颜色
55.1.4 复合设置边框
55.2 模块的边距
55.3 模块的内边距
55.4 层的应用
55.4.1 层的建立
55.4.2 浮动——float
55.4.3 清除浮动
55.4.4 层的定位
55.4.5 设置层的溢出——overflow
55.4.6 设置鼠标指针——cursor
55.4.7 小实例——给图片签名
55.5 盒子模型
- 取一个值表示四条边框都取这个值;
- 取两个值表示上下边框取第一个值,左右边框使用第二个值,两个值中
- 间用空格隔开。
- 取三个值或四个值,四条边框按照上、右、下、左的顺序调用取值(取
- 三个值时第四条边框与对面的边框取同一个值,也就是左和右都取第二
- 个值)。取值之间也要以空格隔开
边框样式
这是第一个段落
这是第二个段落
这是第三个段落
这是第四个段落
除了用 border-style 一起设置四条边框的边框样式外,还可以分别设置:
border-top-style 用来设置上边框样式
border-bottom-style 用来设置下边框样式
border-right-style 用来设置右边框样式
border-left-style 用来设置左边框样式
上例中的 border-style: solid dotted dashed double; 等同于:
border-top-style: solid;
border-bottom-style: dashed;
border-right-style: dotted;
border-left-style: double;
边框粗细