边框和边距.ppt

第15章边框和边距
设计边框样式——border-style
调整边框宽度——border-width
设置边框颜色——border-color
设置边框属性——border
边距——margin-top /margin-bottom /margin-left/ margin-right/margin
填充——padding-top/padding- bottom /padding-left / padding- right /padding
小实例——综合设置边框和边距
习题
HTML/CSS/JavaScript 标准教程实例版(第2版)
设计边框样式——border-style
基本语法
border-style:样式取值
border-top-style:样式取值
border-bottom-style:样式取值
border-left-style:样式取值
border-right-style:样式取值
设计边框样式——border-style
语法说明
设计边框样式——border-style
语法说明
边框样式属性中border-style是一个复合属性,其他4个都是单个边框的样式属性,只能取一个值,而复合属性border-style可以同时取一到4个值。下面分别说明border-style属性的4个取值方法:
取一个值:四条边框均使用这一个值。e:s
取两个值:上下边框使用第一个值,左右边框使用第二个值,两个值一定要用空格隔开。
取三个值:上边框使用第一个值,左右边框使用第二个值,下边框使用第三个值,取值之间要用空格隔开。
取4个值:四条边框按照上、右、下、左的顺序来调用取值。取值之间也要用空格隔开。
设计边框样式——border-style
实例代码
设计边框样式——border-style
接上页
设计边框样式——border-style
网页效果