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】设置表格元素的左侧补白。