任务一　图文排版

任务一　图文排版

任务要求

（1）打开文件1104.html，另存为1601.html。

（2）最外层加一个类名为box的盒子，宽度为980px，水平居中，距离顶部15px，2px灰色边框线，并设置上下10px、左右30px的内边距，背景色渐变，并加上盒子阴影效果（box-shadow： 5px -5px 8px rgba（0， 0， 0， .6）；）。

（3）〈h1〉距离〈header〉5px，并添加文字阴影效果。

（4）取消原有〈hr〉，〈header〉部分加2px紫色下边线，距离10px。

（5）〈article〉部分设置上下内边距15px。

（6）段落间间距10px。

图文排版效果如图16.1.1所示，其对应的CSS内联式代码如图16.1.2所示，结构部分代码参考1104.html。

图16.1.1　图文排版效果

图16.1.2　CSS内联式代码