任务目标

通过表格样式相关属性美化新云课堂课程播放页面中的表格部分。

任务要求

（1）对5.2任务完成的课程播放页面中的“课程资料”表格部分进行美化，实现图6-21所示效果。

（2）表格的宽度为900像素。

（3）表格标题背景颜色为#eeeeee且标题字体加粗。

（4）表头背景色为#aaaaaa。

（5）表格主体、表格尾部背景色为粉色（pink）。

（6）表格中的所有的超链接都设定为绿色（green），无下划线。

（7）表格主体部分第2、3列内容和表格尾部内容水平居中。

效果如下图：

任务实施

（1）将HTML代码中table标签的border属性与width属性去除，用CSS样式指定。

（2）在CSS中将table标签的width属性设为900px。

（3）依次完成对应样式修改。

（4）对于表格主体部分第2、3列内容和表格尾部内容居中，通过结构伪类选择器进行选择和样式修改。

教学微课

教学课件

经验分享

在书写颜色值的时候，注意以下几点：

1.通常在实际业务中不会使用英文颜色名的方式进行颜色定义，尝使用十六进制数的方式进行指定，并且使用小写方式；如果书写的颜色值满足#XXYYZZ（6位十六进制数满足从左向右依次每两各位一组，组内两数相同）形式条件时，使用简写方式#XYZ。如红色：#ff0000通常写作#f00;白色：#ffffff通常写作#fff。

2.在一个项目中不论使用哪一种方式进行颜色值的设定，通常在项目中要求统一书写方式，在项目开发前沟通商定。 

能量贴士

鱼，我所欲也，熊掌，亦我所欲也;二者不可得兼，舍鱼而取熊掌者也。生，亦我所欲也;义，亦我所欲也;二者不可得兼，舍生而取义者也。语出《孟子》。