213 lines
4.7 KiB
HTML
213 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>修改</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.title1 {
|
|
padding: 10px 10px 10px 0px;
|
|
}
|
|
|
|
ul {
|
|
padding-left: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
ul li {
|
|
margin: 0;
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
.head {
|
|
width: 250px;
|
|
height: 64px;
|
|
|
|
}
|
|
|
|
.recommend {
|
|
margin-left: 10px;
|
|
float: left;
|
|
margin: 0;
|
|
color: silver;
|
|
}
|
|
|
|
.img {
|
|
float: left;
|
|
margin-left: 120px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.more {
|
|
float: right;
|
|
color: silver;
|
|
}
|
|
|
|
.bottom {
|
|
width: 250px;
|
|
height: 600px;
|
|
}
|
|
|
|
.list1{
|
|
width: 48px;
|
|
height: 48px;
|
|
float: left;
|
|
|
|
}
|
|
|
|
.name1{
|
|
|
|
float: left;
|
|
}
|
|
|
|
.guanzhu1{
|
|
float: right;
|
|
color: springgreen;
|
|
|
|
}
|
|
|
|
.introduction1{
|
|
margin-top: 7px;
|
|
font-size: 9px;
|
|
color: silver;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.list2 {
|
|
width: 48px;
|
|
height: 48px;
|
|
float: left;
|
|
}
|
|
|
|
.name2 {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.guanzhu2 {
|
|
float: right;
|
|
color: springgreen;
|
|
}
|
|
|
|
.introduction2 {
|
|
margin-top: 7px;
|
|
font-size: 9px;
|
|
color: silver;
|
|
}
|
|
|
|
.list3 {
|
|
width: 48px;
|
|
height: 48px;
|
|
float: left;
|
|
}
|
|
|
|
.name3 {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.guanzhu3 {
|
|
float: right;
|
|
color: springgreen;
|
|
}
|
|
|
|
.introduction3 {
|
|
margin-top: 7px;
|
|
font-size: 9px;
|
|
color: silver;
|
|
}
|
|
|
|
.list4 {
|
|
width: 48px;
|
|
height: 48px;
|
|
float: left;
|
|
}
|
|
|
|
.name4 {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.guanzhu4 {
|
|
float: right;
|
|
color: springgreen;
|
|
}
|
|
|
|
.introduction4 {
|
|
margin-top: 7px;
|
|
font-size: 9px;
|
|
color: silver;
|
|
}
|
|
|
|
.list5 {
|
|
width: 48px;
|
|
height: 48px;
|
|
float: left;
|
|
}
|
|
|
|
.name5 {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
.guanzhu5 {
|
|
float: right;
|
|
color: springgreen;
|
|
}
|
|
|
|
.introduction5 {
|
|
margin-top: 7px;
|
|
font-size: 9px;
|
|
color: silver;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="box">
|
|
<div class="head">
|
|
<p class="recommend" href="">推荐作者</p>
|
|
<img class="img" src="./1624096674(1).jpg" alt="">
|
|
<a class="more" href="">换一批</a>
|
|
</div>
|
|
<div class="bottom">
|
|
<ul>
|
|
<li class="title1">
|
|
<img class="list1" src="./list1.webp" alt="">
|
|
<a class="name1" href="">卢璐说</a>
|
|
<a class="guanzhu1" href="">+关注</a>
|
|
<p class="introduction1">写了2033.7k字·34.2k喜欢</p>
|
|
</li>
|
|
<li class="title1">
|
|
<img class="list2" src="./list2.webp" alt="">
|
|
<a class="name2" href="">Hobbit霍比特人</a>
|
|
<a class="guanzhu2" href="">+关注</a>
|
|
<p class="introduction2">写了422.5k字·1.8k喜欢</p>
|
|
</li>
|
|
<li class="title1">
|
|
<img class="list3" src="./list3.webp" alt="">
|
|
<a class="name3" href="">野狐狸</a>
|
|
<a class="guanzhu3" href="">+关注</a>
|
|
<p class="introduction3">写了422.5k字·1.8k喜欢</p>
|
|
</li>
|
|
<li class="title1">
|
|
<img class="list4" src="./list4.webp" alt="">
|
|
<a class="name4">简书钻首席小管家</a>
|
|
<a class="guanzhu4">+关注</a>
|
|
<p class="introduction4">写了456.7k字·109.9k喜欢</p>
|
|
</li>
|
|
<li class="title1">
|
|
<img class="list5" src="./list5.webp" alt="">
|
|
<a class="name5">闫泽华</a>
|
|
<a class="guanzhu5">+关注</a>
|
|
<p class="introduction5">写了255.6k字·4.7k喜欢</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |