<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
京东快报
</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
ul{
width: 250px;
margin: 30px;
border: 1px solid grey;
box-sizing: border-box;
height: 200px;
line-height: 26px;
}
li{
list-style: none;
}
h1{
width:230 px;
background-color: aqua;
background: linear-gradient(to bottom,aqua,white);
}
a{
text-decoration: none
}
a:hover{
color: red;
}
h1{
width: 250px;
border: 1px red dotted;
}
</style>
</head>
<body>
<ul>
<h1>
京东快报
</h1>
<li>
<a href="#">[特惠]海飞丝去屑又去油 超清爽</a>
</li>
<li>
<a href="#">[公告]京东公益支持鲁甸新动作</a>
</li>
<li>
<a href="#">[特惠]4688元抢iPhone 6</a>
</li>
<li>
<a href="#">[公告]小米电视携豪礼高调入驻京东</a>
</li>
</ul>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
