实训

建立“三”字型布局结构的网页，并使用CSS3中新增的属性进行样式增强，完成效果如图13-17所示。

1.训练要点

（1）页面布局结构；

（2）CSS3新增样式。

图13-17　页面中使用CSS3进行样式增强

2.操作提示

（1）页面主体＜div id＝＂wrapper＂＞宽度设置为980 px；

（2）页面采用“三”字型布局，上方为导航nav，中间是横幅banner，下方主体内容装载在id为resource的div中；

（3）resource中的大图设置圆角和元素阴影；

（4）下载按钮使用圆角。