任务二 美化个人简历表格
2025年09月26日
任务二 美化个人简历表格
任务要求
(1)打开项目十的个人简历1004.html。
(2)设置ji.jpg为表格背景,尺寸铺满整个表格。
(3)表格单元格行高为30px,单元格宽度为125px。
(4)表格标题设置为蓝色,字号为40px,字符间距为10px。
(5)第1、8、12背景渐变为从左到右,deepskyblue、#fff。
(6)插入照片。
设置后背景效果如图14.2.1所示,CSS代码部分如图14.2.2所示,HTML代码部分如图14.2.3所示。
图14.2.1 效果图
图14.2.2 CSS代码部分
图14.2.3 HTML代码部分
项目总结
本项目主要介绍了背景属性的设置,让读者知道css的元素盒子可以看成由两个图层组成,即前景层和背景层。背景不能撑起盒子,若盒子的前景层里没有内容(文本图片等),又没有设置宽高,则显示不出来背景。通过练习,读者能掌握CSS控制背景的颜色和图像的方法。
项目要求