老师 我想问问 链接1,2,3,4 你右浮动怎么变成链接4,3,2,1， 该怎么修改回来
老师 我想问问 链接1,2,3,4 你右浮动怎么变成链接4,3,2,1， 该怎么修改回来
4 回答
<!DOCTYPE html> <html> <head> <title>smkuse's blog</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../css/all.css"> <link rel="stylesheet" type="text/css" href="../css/blog.css"> </head> <body> <header> <nav> <div class="logo"> <a href="../index.html">Ling</a> </div> <ul> <li><a href="#" class="active">首页</a></li> <li><a href="#">登陆</a></li> <li><a href="#">注册</a></li> </ul> </nav> <div class="banner"> <div class="inner"> <h1>Smkuse</h1> <p> 在大学生这个群体当中，手机的覆盖率是杠杠的。</br>同时大学生的课余时间极其的丰富。</br>这使得他们可以花上大量的时间在手机上。</br> </p> <p> 他们在消费他们的时间。</br> 他们把时间花在了：小说，音乐，电影，资讯上面。</br> 但是---</br> 这些资源的来源是广泛的，手机上面因此有了很多的app</br> 这个web_App的目的就是通过网络爬虫去帮组获取你想要的所有信息。</br> 仅仅只需要你添加来源。</br> </p> <button>了解更多</button> <div class="show_more"> show_more <img id="img_1" src="../img/linea_complete_1.0/_basic/_PNG 64/basic_anchor.png"> </div> </div> </div> </header> <div class="contenet"> <section class="movie" > <div class="warpper"> <div> <h2>电影</h2> <div class="hr"></div> <p> 这里有熟知的IMDB_top 250,<br/>也有时下最火的电影<br/> 当然在这里，你不用去网络上到处找资源，因为我们已经帮你解决。<br/> </p> </div> <div class="icon_group"> <span class="icon" >item1</span> <span class="icon" >itme2</span> <span class="icon" >item3</span> </div> </div> </section> <section class="music" ></section> <section class="novle" ></section> <section class="infor" ></section> </div> <footer></footer> </body> </html>
nav{
background: #ccc;
height: 50px;
}
nav ul{
list-style: none;
float: right;
}
nav ul li{
display: inline-block;
line-height: 50px;
margin-right: 20px;
}
.logo{
display: inline-block;
float: left;
margin-left: 50px;
line-height: 50px;
font-size: 20px;
}
nav ul li.logo a{
color: #2a2a2a;
display: inline-block;
height: 50px;
}
nav ul li a{
display: inline-block;
height: 50px;
}
.banner{
height: 580px;
background: #eee;
}
.inner{
max-width: 550px;
text-align: center;
position: relative;
top: 50px;
margin: 0 auto;
}
.inner p{
margin-top: 20px;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
}
button{
margin-top: 20px;
border: none;
background: #ddd;
color: 888;
padding: 2px;
}
.show_more{
margin-top: 100px;
text-align: center;
}
#img_1{
position: absolute;
top: 470px;
left: 255px;
width: 40px;
height: 40px;
}
.movie{
text-align: center;
background: #99FFCC;
color: #FF9966;
padding-top: 50px;
}
.warpper{
max-width: 1024px;
margin: 0 auto;
}
.warpper .hr{
width: 60%;
height: 2px;
margin: 20px auto;
background: #905233;
}
.icon_group{
margin-top: 20px;
}
.icon{
width: 50px;
height: 50px;
background: #000;
display: inline-block;
margin: 20px;
transform:rotate(45deg);
}看人代码是很痛苦的
查看1条回复
举报
0/150
提交
取消
