<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> </title> <style> body { margin: 0; padding: 0; } .headborder{ width:60%; height:500px; margin:0 auto; background-color: #00cccd; } .title{ position: relative; top: 50px; width: auto; height: 30px; background-color: #c1ff00; } .WeX5{ width:60%; height:500px; margin:0 auto; background-color: #000000; } .title .pading1{ float: left; line-height:30px; text-decoration: none; margin-left: 15%; } .title .pading2{ float: left; line-height:30px; text-decoration: none; margin-left: 5%; } .title .pading3 { float: right; line-height: 30px; text-decoration: none; margin-right: 5%; } .title .titleTexture{ position: relative; right:7.5%; top:-90%; display: inline; float:right ; width: 240PX; height:90px; background-color: #f9fa58; } .title .titieICON{ position: relative; left:7.5%; top:-140%; display: inline; float:left ; width: 120px; height:120px; background-color: #c1ff00; } </style> </head> <body> <div class="headborder"> <div class="title"> <div class="titieICON"></div> <a href="" class="pading1">首页</a> <a href="" class="pading2">商店</a> <a href="" class="pading2">开发中...</a> <a href="" class="pading3">登陆</a> <a href="" class="pading3">注册</a> <div class="titleTexture"></div> </div> </div> <div class="WeX5"> </div> </body> </html>
六脉神剑 用一用,第一个web第三篇
最新推荐文章于 2023-12-18 14:17:42 发布