HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第9章 设置背景、边框、边距和补白.pptx
第9章设置背景、边框、边距和补白;9.1背景颜色;【示例9-1】为网页设置背景颜色。;9.2背景图像;9.2.1设置背景图像;【示例9-2】为网页和表格分别设置背景图像。;21 /tr
22 tr
23 td情深意浓/td
24 td366/td
25 td33支粉玫瑰，满天星配大片绿叶，土黄色布纹纸，丝带打结，单面花束/td
26 td我把爱深藏，在这刻释放，让两颗心在此刻燃亮，从你眼中感受，原来我的面庞在发烫/td
27 /tr
28 tr
29 td蒸蒸日上/td
30 td688/td
31 td红掌、太阳花、跳舞兰、天堂鸟、香水百合、散尾葵，三层西式，红色蝴蝶结/td
32 td祝财源茂盛、生意兴隆、大吉大利/td
33 /tr
34 tr
35 td福如东海/td
36 td666/td
37 td天堂鸟3枝，红掌2片，粉百合2枝，白百合2枝，红玫瑰10枝，非洲菊1扎，黄金鸟5枝，康乃馨1扎，散尾葵5枝等/td
38 td预祝福如东海，寿比南山/td
39 /tr
40 /table
41 /body
42 /html
;9.2.2设置固定背景图像;【示例9-3】设置固定的网页背景图像。;9.2.3设置背景图像平铺方式;【示例9-4】设置背景图像的平铺方式。;21 tr
22 td情深意浓/td
23 td366/td
24 td33支粉玫瑰，满天星配大片绿叶，土黄色布纹纸，丝带打结，单面花束/td
25 td我把爱深藏，在这刻释放，让两颗心在此刻燃亮，从你眼中感受，原来我的面庞在发烫/td
26 /tr
27 tr
28 td蒸蒸日上/td
29 td688/td
30 td红掌、太阳花、跳舞兰、天堂鸟、香水百合、散尾葵，三层西式，红色蝴蝶结/td
31 td祝财源茂盛、生意兴隆、大吉大利/td
32 /tr
33 tr
34 td??如东海/td
35 td666/td
36 td天堂鸟3枝，红掌2片，粉百合2枝，白百合2枝，红玫瑰10枝，非洲菊1扎，黄金鸟5枝，康乃馨1扎，散尾葵5枝等/td
37 td预祝福如东海，寿比南山/td
38 /tr
39 /table
40 /body
41 /html;9.2.4背景图像定位;;【示例9-5】设置背景图像的位置。;设置边框样式;【示例9-6】设置不同类型的边框样式。;9.3边框;9.3.1设置边框样式;【示例9-6】设置不同类型的边框样式;9.3.2设置不同的边框样式;【示例9-7】在一个边框中分别设置不同的边框样式。;9.3.3设置边框宽度;【示例9-8】设置了不同的边框宽度。;9.3.4设置不同的边框宽度;【示例9-9】为同一个边框设置不同的宽度。;9.3.5设置边框颜色;【示例9-10】为边框设置不同的颜色。;9.3.6设置不同的边框颜色;【示例9-11】为同一个边框设置不同的边框颜色。;9.3.7综合设置边框效果;【示例9-12】综合设置边框的效果。;20 td花语/td
21 /tr
22 tr
23 td情深意浓/td
24 td366/td
25 td33支粉玫瑰，满天星配大片绿叶，土黄色布纹纸，丝带打结，单面花束/td
26 td我把爱深藏，在这刻释放，让两颗心在此刻燃亮，从你眼中感受，原来我的面庞在发烫/td
27 /tr
28 tr
29 td蒸蒸日上/td
30 td688/td
31 td红掌、太阳花、跳舞兰、天堂鸟、香水百合、散尾葵等/td
32 td祝财源茂盛、生意兴隆、大吉大利/td
33 /tr
34 /table
35 /body
36 /html
;9.4边距;9.4.1设置上边距;【示例9-13】为元素设置上边距。;9.4.2设置下边距;【示例9-14】为文本段落设置下边距。;9.4.3设置左边距;【示例9-15】为元素设置左边距。;9.4.4设置右边距;【示例9-16】为元素设置右边距。;9.4.5综合设置边距;【示例9-17】综合设置元素的边距。;9.5补白;9.5.1设置顶端补白;【示例9-18】为元素设置顶端补白。;9.5.2设置底部补白;【示例9-19】将示例9-18中的下列代码。;9.5.3设置左侧补白;【示例9-20】设置表格元素的左侧补白。