阅读下列说明、效果图、 HTML 代码和 CSS 代码,进行静态制作,填写( 1 )至( 10 )代码。 【说明】 下载 ,包含首页index.html、css文件夹、img文件夹,其中,css文件夹包含index.css文件。完成index.html和index.css文件中的程序填空,使网页浏览效果如效果图所示。 【效果图】 鼠标指向第二张图的效果 【代码:首页 index.html 】 html> 商品展示 < ( 1 ) class="clear"> 微胖连衣裙 2019 网红初秋女装 黑色休闲裤 韩版学生女装 原创设计女装 < ( 2 ) > 【代码: CSS 文件 index.css 】 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{ margin: 0; padding:0; } /* 清理默认列表样式 */ ul{ list-style: ( 3 ) ; } /* 显示为块级元素 */ img{ (4) : (5) ; } /* 清理左右浮动 */ .clear:after{ content: ""; display: block; ( 6 ) : ( 7 ) ; } .box{ width: 100%; } .box .con{ width: 1375px; margin:0 auto; } .box .con ul{ padding-top:30px; } /* 左浮动 */ .box .con ul li{ ( 8 ) : ( 9 ) ; width: 250px; margin:0 22px 22px 0; border:1px solid #eee; } .box .con ul li img{ margin:15px auto 0; } .box .con ul li p{ padding:15px; } /* 设置鼠标移入添加红色边框 */ .box .con ul li: ( 10 ) { border:1px solid red; }