HTML5+CSS大作业
文章目录
HTML5+CSS大作业一、作品展示二、文件目录三、代码实现一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>三八女人节-360浏览器</title><!--[if (lt IE 8.0)]><link href="css/style.css" rel="stylesheet"><![endif]--><!--[if (!IE)|(gte IE 8.0)]><!--><link href="css/style_datauri.css" rel="stylesheet"><!--<![endif]--></head><body><div class="wrap"><div class="header"></div><div class="screen chongai"><div class="middle"><h2></h2><div class="content fanpai"><ul class="fanpai-btns"><li><a></a></li><li class="blue"><a></a></li><li><a></a></li><li class="blue"><a></a></li><li><a></a></li><li class="blue"><a></a></li></ul><div class="layers"><div class="layer item-1"><div class="border"><a class="close"></a><img src="picture/t01652894049af03f7f.jpg"><div class="right"><h4></h4><p class="intro">大叔用无痕浏览功能为你服务，保护你的上网隐私，上网、搜索、看片不留任何历史记录，给你大叔般的安全感。</p><p class="fanpai-btns"><a class="tiaoxi"></a><a class="tiyan" href="#" target="_blank"></a></p></div></div></div><div class="layer item-2"><div class="border"><a class="close"></a><img src="picture/t01f496e0fb531f047a.jpg"><div class="right"><h4></h4><p class="intro">肌肉男用广告拦截功能为你服务，扫除你上网时被无聊广告骚扰的烦恼，还你清爽上网的好心情。</p><p class="fanpai-btns"><a class="tiaoxi"></a><a class="tiyan" href="#" target="_blank"></a></p></div></div></div><div class="layer item-3"><div class="border"><a class="close"></a><img src="picture/t01a89e2a3a54baccf3.jpg"><div class="right"><h4></h4><p class="intro">小鲜肉用百变皮肤为你服务，女王可更换各种美观独特的皮肤，也可随心制作专属皮肤，让你打开电脑每一天都新鲜~</p><p class="fanpai-btns"><a class="tiaoxi"></a><a class="tiyan" href="#" target="_blank"></a></p></div></div></div><div class="layer item-4"><div class="border"><a class="close"></a><img src="picture/t01084599528e460a36.jpg"><div class="right"><h4></h4><p class="intro">霸道总裁开启网购先赔，若因木马或钓鱼网站遭受经济损失可享全年最高36000元的保障金，为你上网购物保驾护航。</p><p class="fanpai-btns"><a class="tiaoxi"></a><a class="tiyan" href="#" target="_blank"></a></p></div></div></div><div class="layer item-5"><div class="border"><a class="close"></a><img src="picture/t0143a02fb71525c40a.jpg"><div class="right"><h4></h4><p class="intro">360浏览器安全快速稳定，给你极致完美的上网体验，全国4亿人都在追捧的完美男神想不想体验一下？</p><p class="fanpai-btns"><a class="tiaoxi"></a><a class="tiyan" href="#" target="_blank"></a></p></div></div></div><div class="layer item-6"><div class="border"><a class="close"></a><img src="picture/t0109999317518ba46a.jpg"><div class="right"><h4></h4><p class="intro">技术宅的抢票功能举世无双，5年服务2亿用户，速度提升2倍！拥有他，旅行出差、春运回家买票轻松搞定。</p><p class="fanpai-btns"><a class="tiaoxi"></a><a class="tiyan" href="#" target="_blank"></a></p></div></div></div></div></div></div></div><div class="screen yangcheng"><div class="middle"><h2></h2><div class="content yc-imgs clearfix"><div><a href="#" title="桃花发色富家女波浪？今年的春季发型美得好独特" target="_blank"><img src="picture/t01da645bcb0e04179f.jpg" width="248" height="388"></a><a href="#" title="穿了这款短款外套，朋友都说我长高了" target="_blank"><img src="picture/t01a85ea16b31ad527e.jpg" width="198" height="198"></a><a href="#" title="明星都在玩的“空气眼妆”你敢学会不？" target="_blank"><img src="picture/t011127989d5846b132.jpg" width="298" height="198"></a><a href="#" title=" 穿上这几款连衣裙 让男朋友赞不绝口" target="_blank"><img src="picture/t016dbf76e4379bb08c.jpg" width="198" height="178"></a><a href="#" title="涂唇妆容易沾杯掉色？这样涂唇妆自然好看又持久" target="_blank"><img src="picture/t0154f3c16b4108a4cd.jpg" width="143" height="178"></a><a href="#" title="佟丽娅：活出最美的自己才是对渣男最大的报复" target="_blank"><img src="picture/t01ce3b0248b586b8ba.jpg" width="143" height="178" class="last"></a></div><a href="#" title="紧身裤搭配平底鞋 让你看上去更加时髦" target="_blank"><img src="picture/t01656e4cdd7e97fe9f.jpg" width="198" height="388" class="last"></a></div></div></div><div class="screen yule"><span class="ggbz">广告</span><div class="middle"><h2></h2><div class="content"><ul class="video-list clearfix"><li><div class="img"><a href="#" target="_blank"><img src="picture/t018aec59f5f095a043.jpg"></a></div><div class="info"><a href="#" target="_blank"><h4>《射雕英雄传》VIP抢先看</h4><p>90后致敬经典，再掀江湖恩怨</p></a></div></li><li><div class="img"><a href="#" target="_blank"><img src="picture/t01a0911cb09486a409.jpg"></a></div><div class="info"><a href="#" target="_blank"><h4>《我的胡搅年代》</h4><p>看陈汉典赖琳恩胡搅大戏</p></a></div></li><li><div class="img"><a href="#" target="_blank"><img src="picture/t01a94c7e18ce3ef922.jpg"></a></div><div class="info"><a href="#" target="_blank"><h4>《寻找前世之旅》甜蜜来袭</h4><p>马可、付辛博演绎超时空爱恋</p></a></div></li><li><div class="img"><a href="#" target="_blank"><img 11000002000006号</p></div></div><script src="js/jq183.js" ></script><script src="js/main.js" ></script></body></html>
