世界杯网页梦幻联动.html
html style="color:#2aa0ea" target=_blank class=infotextkey>世界杯网页梦幻联动代码如下
<!doctype html> <html> <head> <meta charset="utf-8"> <title>世界杯梦幻联动</title> <style type="text/css"> body{ font-size: 12px; color: #333; } body,ul,li{ padding: 0; margin: 0; list-style: none; } #head{ width: 730px; height: 150px; margin: 0 auto; } h1{ float: left; } .head_r{ float: right; } #content{ width: 800px; height: 300px; margin: 0 auto; } li{ float: left; margin-right: 10px; }
//世界杯梦幻联动 p{ text-align: center; } </style> </head>
<body> <div id="head"> <h1><img src="" width="200px"/> </h1> </div> <div class="head_r"> <h1><img src="" width="320"/> </h1> </div> <ul id="content"> <li> <img src="images第7章素材/images/people1.png" width="150"/> <p>c罗</p> </li> <li> <img src="images第7章素材/images/people2.png" width="150"/> <p>梅西</p> </li> <li> <img src="images第7章素材/images/people3.png" width="150"/> <p>内纳尔</p> </li> <li> <img src="images第7章素材/images/people4.png" width="150"/> <p>里贝里</p>//世界杯梦幻联动 </li> <li> <img src="images第7章素材/images/people5.png" width="150"/>//世界杯梦幻联动 <p>德罗巴</p>//世界杯梦幻联动 </li> </ul> </body> </html>