用相对定位进行布局。

最新推荐文章于 2022-02-11 11:19:47 发布

dewuhuo4019

最新推荐文章于 2022-02-11 11:19:47 发布

阅读量164

点赞数

原文链接：http://www.cnblogs.com/f-24/p/5022469.html

版权

布局和固定布局有很多方式，这可能是其中之一

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>

}

.div1-1
{
background:url("body_bg_baked_1280px%5B1%5D.jpg");
height: 976px;
background-repeat:no-repeat;
}

.div1-2
{
width: 509px;
height: 35px;
border-radius:0px 0px 10px 5px;
background-color:#272c2d ;
float: left;
position: relative;
top: -976px;
left: 702px;
}

.div1-31
{
position: relative;
top: -25px;
left: 10px;
}
.div1-3
{

background-color: #181b1b;
width: 35px;
height: 35px;
position: relative;
top: -976px;
left: 702px;
border-radius:0px 0px 0px 5px;

}

.li1-4
{
float: left;
list-style: none;
border-right-style:solid ;
border-right-color: #35383a;
color: #878e94;
padding: 6px 0;
}

.div1-41
{
float: left;
position: relative;
top: -1025px;
left:700px;
}

.li1-41
{

list-style: none;
float: left;
border-radius:0px 0px 0px 5px;
float: left;
position: relative;
top: -1035px;
left: 700px;

}

dt
{
display: none;
}

dl
{

width: 105px;
}

dl:hover dt
{
display: block;
}

.dd1-41, .dd1-42
{
color: #00baf9;
background-color: #262929;

}

.dt1-41,.dt1-42
{

color: #fafffb;
background-color: #262929;
text-decoration: none;
}

.dt1-41
{
border-radius:0px 0px 10px 0px;
width: 45px;
background-color: #00709f;
text-decoration: none;
}

.a-1
{
color: #00baf9;
text-decoration: none;
}

.text
{
border-radius:6px;
width: 360px;
height: 36px;
}

.div1-51,.div1-52
{
float: left;
}

.div1-52
{
position: relative;
top: 0px;
left: -30px;
}

.div1-5
{
float: left;
position: relative;
top: -950px;
left: 320px;
}

.li1-62
{
float: left;
text-decoration: none;
list-style: none;
color: #b0860b;
padding: 0 10px;
position: relative;
}

.a-63
{
text-decoration: none;
color: #b0860b;
text-align: center;

}

.li1-62
{

padding: 0 20px;
margin: 10px;
}

.div1-6
{
float: left;
position: relative;
left: -395px;
top: -900px;

}

.li1-62:hover
{
margin: 0px 10px;
}

/*-------------------------------------------------------------------------------------------------------*/

</style>
</head>
<body>

<div class="div1-41">
<ul>
<li class="li1-4">
<a href="" class="a-1">登录</a>或<a href="" class="a-1">注册一个战网通行证</a>
</li>
<li class="li1-4">
<a href="" class="a-1">战网通行证</a>
</li>
</ul>
</div>

</div>

<div class="div1-5">

</div>

</div>

</body>
</html>

转载于:https://www.cnblogs.com/f-24/p/5022469.html

dewuhuo4019

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用相对定位进行布局。

布局和固定布局有很多方式，这可能是其中之一<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*---...
复制链接

扫一扫