边框和边距.ppt

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