<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head></head>
<style>
body{font-family: Microsoft YaHeifont-size:14pxbackground-color:#fff}
*{padding: 0margin: 0}
ul,ol{list-style: none}
.box{width: 230pxheight: 150pxborder: 1px solid #999margin: 30px}
.title{
height: 43pxline-height: 43pxfont-size: 16pxpadding-left: 10pxborder-bottom:1px dotted #000font-weight: normalcolor: #666
background: -webkit-linear-gradient(#ccf, #fff) /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#ccf, #fff) /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#ccf, #fff) /* Firefox 3.6 - 15 */
background: linear-gradient(#ccf, #fff) /* 标准的语法（必须放在最后） */
}
.list{margin: 5px 0}
.list li{height: 26pxfont-size: 12pxcolor: #666padding: 0 26pxcursor: pointer}
.list li:hover{color: #f00}
</style>
<body>
<div class="box">
<h4 class="title">京东快报</h4>
<ul class="list">
<li>海飞丝去屑又去油</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
</ul>
</div>
</body>
</html>
看一下，符合你的要求不？还有什么疑问追问，没有请采纳
<style type="text/css">#testDIV{
width: 80px
height: 80px
background-color: yellow
border:5px solid red
padding:5px 10px 5px 10px
}
</style>
</head>
<body>
<div id="testDIV">sdf</div>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）