• 简单网页设计与布局


    <title>电影海报</title>
    <style type="text/css">
    *{ 
       background-color:#000;
    	}
    .dianying{
    	float:left;
    	200px;
    	height:300px;
    	margin:30px;
    	font:"微软雅黑";
    	font-size:18px;
    	color:#F00;
    	text-align:center;
    	line-height:50px;
    	vertical-align:middle;
    	}
    #reying{ font:"微软雅黑";
             color:#CF0;
    		 margin:20px;}
    	</style>
    
    		  
    </head>
          
    
    <body>
         <div id="reying">正在热映</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMTg0NDg3MTU0MA==.html?spm=a2hmv.20009921.yk-slide-86993.5~5!2~5~5!2~A&from=y1.3-movie-grid-1095-9921.86994-86993.2-1" target="_blank"><img src="捉迷藏.png" /></a>《捉迷藏》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMTg5MTg0ODcxMg==.html?spm=a2hmv.20009921.yk-slide-86993.5~5!4~5~5!2~A&from=y1.3-movie-grid-1095-9921.86994-86993.4-1" target="_blank"><img src="超级快递.png"/></a>《超级快递》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMTczNDIwMjIwMA==.html?spm=a2hmv.20009921.yk-slide-227232.5~5!10~5~5!2~A&from=y1.3-movie-grid-1095-9921.227266-227230-227232.10-1" target="_blank"><img src="寒战2.png" /></a>《寒战2》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMjY4MTMzNDI4OA==.html?spm=a2hmv.20009921.yk-slide-86993.5~5!5~5~5!2~A&from=y1.3-movie-grid-1095-9921.86994-86993.5-1" target="_blank"><img src="乘风破浪.png"/></a>《乘风破浪》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMjQ3OTQxMjM3Mg==.html?spm=a2hmv.20009921.yk-slide-86993.5~5!11~5~5!2~A&from=y1.3-movie-grid-1095-9921.86994-86993.11-1" target="_blank"><img src="冲天火.png" /></a>《冲天火》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMTg3NzA4NDg1Mg==.html?spm=a2hmv.20009921.yk-slide-227232.5~5!8~5~5!2~A&from=y1.3-movie-grid-1095-9921.227266-227230-227232.8-1" target="_blank"><img src="湄公河行动.png" /></a>《湄公河行动》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMTc2NjE4MDM1Mg==.html?spm=a2hmv.20009921.yk-slide-227232.5~5~5~5!2~A&from=y1.3-movie-grid-1095-9921.227266-227230-227232.1-1" target="_blank"><img src="魔兽.png" /></a>《魔兽》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMjUxNjQ3MDYxMg==.html?spm=a2hmv.20009921.yk-slide-227692.5~5!6~5~5!2~A&from=y1.3-movie-grid-1095-9921.227266-227230-227692.6-1" target="_blank"><img src="情圣.png" /></a>《情圣》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XMTM5OTY1NTI4MA==.html?spm=a2hmv.20009921.yk-slide-227692.5~5!4~5~5!2~A&from=y1.3-movie-grid-1095-9921.227266-227230-227692.4-1" target="_blank"><img src="夏洛特烦恼.png" /></a>《夏洛特烦恼》</div>
         <div class="dianying"><a href="http://v.youku.com/v_show/id_XODMzOTcyNjg0.html?spm=a2hmv.20009921.yk-slide-227692.5~5~5~5!2~A&from=y1.3-movie-grid-1095-9921.227266-227230-227692.1-1" target="_blank"><img src="心花路放.png" /></a>《心花路放》</div>
    

      

  • 相关阅读:
    简单工厂设计模式-模拟磁盘打开文件
    使用GDI绘制验证码
    nginx笔记.
    git 笔记
    ubuntu错误解决。
    测试那些事儿—简述CPU的工作原理
    田螺便利店—win10专业版激活码
    田螺便利店—PyCharm安装第三方库
    田螺便利店—命令提示符总是提示不是内部外部命令
    田螺便利店—ipconfig命令不是内部命令或外部命令怎么解决?
  • 原文地址:https://www.cnblogs.com/nsl714745601/p/6979178.html
Copyright © 2020-2023  润新知