欢迎来到天天文库
浏览记录
ID:40838081
大小:1.50 MB
页数:40页
时间:2019-08-08
《边框和边距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、<右边框颜
此文档下载收益归作者所有