边框和边距HTMLCSSJavaScript标准教程实例版第

《边框和边距HTMLCSSJavaScript标准教程实例版第》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本书编委会编著实例版第15章边框和边距15.1设计边框样式——border-style15.2调整边框宽度——border-width15.3设置边框颜色——border-color15.4设置边框属性——border15.5边距——margin-top/margin-bottom/margin-left/margin-right/margin15.6填充——padding-top／padding-bottom/padding-left/padding-right/padding15.7小实例——综合设置边框和边距

2、15.8习题HTML/CSS/JavaScript标准教程实例版（第2版）15.1设计边框样式——border-style基本语法border-style:样式取值border-top-style:样式取值border-bottom-style:样式取值border-left-style:样式取值border-right-style:样式取值15.1设计边框样式——border-style语法说明15.1设计边框样式——border-style语法说明边框样式属性中border-style是一个复合属性，其他4个

3、都是单个边框的样式属性，只能取一个值，而复合属性border-style可以同时取一到4个值。下面分别说明border-style属性的4个取值方法：取一个值：四条边框均使用这一个值。e:s取两个值：上下边框使用第一个值，左右边框使用第二个值，两个值一定要用空格隔开。取三个值：上边框使用第一个值，左右边框使用第二个值，下边框使用第三个值，取值之间要用空格隔开。取4个值：四条边框按照上、右、下、左的顺序来调用取值。取值之间也要用空格隔开。15.1设计边框样式——border-style实例代码15.1设计边框

4、样式——border-style接上页15.1设计边框样式——border-style网页效果15.1设计边框样式——border-style实例代码15.1设计边框样式——border-style接上页15.1设计边框样式——border-style网页效果15.2调整边框宽度——border-width基本语法border-width:关键字

5、长度border-top-width:关键字

6、长度border-bottom-width:关键字

7、长度border-right-width:关键字

8、长度border-le

9、ft-width:关键字

10、长度15.2调整边框宽度——border-width语法说明边框宽度属性基本语法中的关键字说明长度包括长度值和长度单位，不可以使用负数。长度单位可以使用绝对单位也可使用相对单位，如px、pt、cm等。基本语法中边框宽度属性border-width是一个复合属性，可以同时设置四条边框的宽度。具体使用方法和边框样式的复合属性border-style是一样的，可以参照上一节关于border-style的讲解。表15-215.2调整边框宽度——border-width表15-2边框宽度属性中

11、关键字说明返回15.2调整边框宽度——border-width实例代码15.2调整边框宽度——border-width接上页15.2调整边框宽度——border-width网页效果15.3设置边框颜色——border-color基本语法border-color:颜色关键字

12、RGB值border-top-color:颜色关键字

13、RGB值border-bottom-color:颜色关键字

14、RGB值border-left-color:颜色关键字

15、RGB值border-right-color:颜色关键字

16、RGB值15.3设

17、置边框颜色——border-color语法说明颜色关键字可使用常用的16个关键字RGB值使用十六进制的RGB值和RGB函数值都行。在使用边框颜色复合属性border-color时，如果只设置1种颜色，则四条边框的颜色一样；设置2种颜色，则边框的上下为一个颜色，左右为另一个颜色；设置3种颜色，边框的颜色顺序为上、左右、下；设置4中颜色，边框的颜色顺序为上、右、下、左。表15-315.3设置边框颜色——border-color表15-3常用的16个颜色关键字返回15.3设置边框颜色——border-color实例

18、代码15.3设置边框颜色——border-color接上页15.3设置边框颜色——border-color网页效果15.4设置边框属性——border基本语法border:<边框宽度>

19、

20、<边框样式>

21、

22、<边框颜色>border-top:<上边框宽度>

23、

24、<上边框样式>

25、

26、<上边框颜色>border-right:<右边框宽度>

27、

28、<右边框样式>

29、

30、<右边框颜