<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>京东快报</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#c01{
width: 300px;
margin: 30px;
border: 1px solid #ddd;
}
p{
height: 60px;
line-height: 60px;
background: linear-gradient(to bottom,#ba55dd,#fff);
border-bottom: 1px #a8a5a5 dashed;
}
li{
list-style: none;
line-height: 40px;
padding-left: 26px;
padding-right: 26px;
}
a{
text-decoration: none;
color: black;
}
a:hover{
color: crimson;
}
#c02{
font-weight: bold;
}
</style>
</head>
<body>
<div id="c01">
<p>
京东快报
</p>
<ul>
<li><a href="#"><span id="c02">[特惠]</span>海飞丝去屑又去油 超清爽</a></li>
<li><a href="#"><span id="c02">[公告]</span>京东公益支持鲁甸新动作</a></li>
<li><a href="#"><span id="c02">[特惠]</span>4688抢iPhone 6</a></li>
<li><a href="#"><span id="c02">[公告]</span>小米电视携豪礼高调入驻京东</a></li>
</ul>
</div>
</body>
</html>
12.17作业
最新推荐文章于 2024-08-27 17:25:23 发布