CSS+Div实践作业
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
四、实践题
1．使用Div+CSS布局制作如图9-64所示的网页。
图9-64 网页效果图
参考布局代码：
2．使用Div+CSS布局制作“乐淘网”的“限时蜂抢”栏目页面，如图9-66所示。
操作提示：
①打开“letaoweb”站点，新建“限时蜂抢”栏目页面limitbuy.html。
②规划limitbuy.html页面的Div布局结构。
③按照布局规划，创建Div。
④新建style.css文件，定义CSS样式对Div元素进行格式化。
⑤在Div中插入表格、文本、图像等其他网页元素，组织页面内容。
⑥将mycss.css文件附加到“限时蜂抢”栏目页面中，并设置表格、文本等对象的CSS样式。
⑦插入【Spry选项卡式面板】，参照图9-65所示效果，设置面板标题和内容。
⑧保存页面，按F12在浏览器中预览效果。
图9-65 “限时蜂抢”页面效果图