圆角矩阵方便初学者看看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Refresh" content="1" />
<title>图像偏移量技术实现圆角矩形</title>
<style>
li{
width:199px;
font:12px/20px 宋体;
list-style:none;text-align:center;
background:url(images/icon.gif) no-repeat 0px -80px;
}
.title{font:bold 14px/38px 黑体;color:#ff7300;
background:url(images/icon.gif) no-repeat 0px -50px;
}
.foot{height:14px;background:url(images/icon.gif) no-repeat 0px -100px;}
</style>
</head>
<body>
<div>
<ul>
<li class="title">商品分类</li>
<li>分类名1</li>
<li>分类名2</li>
<li>分类名3</li>
<li>分类名4</li>
<li class="foot"></li>
</ul>
</div>
</body>
</html>
