69 lines
2.0 KiB
HTML
69 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<style>
|
||
* {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
box-sizing: border-box;
|
||
}
|
||
div {
|
||
height: 40px;
|
||
width: 450px;
|
||
margin: 100px auto;
|
||
background-color: #986d6d;
|
||
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
}
|
||
.son1 {
|
||
display: block;
|
||
background-color: white;
|
||
border-top: 2px solid #00ff1e;
|
||
line-height: 38px;
|
||
width: 40px;
|
||
text-align: center;
|
||
|
||
}
|
||
li {
|
||
line-height: 18px;
|
||
background-image: url(./images/square.png);
|
||
background-repeat: no-repeat;
|
||
background-position: left center;
|
||
list-style-type: none;
|
||
}
|
||
|
||
.son2 {
|
||
text-align: left;
|
||
margin: 20px;
|
||
padding: 20px;
|
||
background-image: url(./images/img.gif);
|
||
background-repeat: no-repeat;
|
||
background-position: left center;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.son2:hover {
|
||
color: #0f7b1c;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<a class="son1" href="">新闻</a>
|
||
<ul>
|
||
<li><a class="son2" href="">点赞“新农人” 温暖的伸手</a></li>
|
||
<li><a class="son2" href="">在希望的田野上...</a></li>
|
||
<li><a class="son2" href="">“中国天眼”又有新发现 已在《自然》杂志发表</a></li>
|
||
<li><a class="son2" href="">急！这个领域，缺人！月薪4万元还不好招！啥情况？</a></li>
|
||
<li><a class="son2" href="">G9“带货”背后：亏损面持续扩大，竞争环境激烈</a></li>
|
||
<li><a class="son2" href="">多地力推二手房“带押过户”，有什么好处？</a></li>
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
</html> |