<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 300px;
height: 213px;
border: 1px solid #4781a7;
border-top: 3px solid #ff8500;
margin: 30px auto;
}
.title{
border-left:4px solid #288dd1;
padding-left: 8px;
margin: 8px 0 0 8px;
}
.line{
border-top: 1px solid #4781a7;
margin-top: 5px;
}
ul{
margin-top: 10px;
}
li{
height: 26px;
line-height: 26px;
list-style: none;
padding-left: 20px;
}
</style>
</head>
<body>
<div class="box">
<div class="title">社会动态</div>
<div class="line"></div>
<ul>
<li>上海于1月后降温,告别夏季</li>
<li>上海于1月后降温,告别夏季</li>
<li>上海于1月后降温,告别夏季</li>
<li>上海于1月后降温,告别夏季</li>
<li>上海于1月后降温,告别夏季</li>
<li>上海于1月后降温,告别夏季</li>
</ul>
</div>
</body>
</html>
时间： 2024-08-27 03:24:36