<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
border: solid 1px gray;
color: gray;
border-top-style: dotted;
}
#s1{
background: -webkit-linear-gradient(top,lightblue,white);
border: solid white;
width: 300px;
height: 30px;
padding: 20px;
color: gray;
margin: 0px;
}
span{
font-weight:bold ;
}
</style>
</head>
<body>
<div id="s1">京东快报</div>
<div>
<p><span>[特惠]</span>海飞丝去屑又去油 超清爽</p>
<p><span>[公告]</span>京东公益支持鲁甸新动作</p>
<p><span>[特惠]</span>4688元抢iPhone 6</p>
<p><span>[公告]</span>小米电视携豪礼高调入驻京东</p>
</div>
</body>
</html>
练习3：仿京东快报
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。