这两天和表格纠结上了...工作需要做表格，但是不想重复相同的方法，前两天用dl dt dd，今天用ul li做个圆角表格，圆角用了背景图片。再次声明：数据输出型的表格不推荐使用div+css。测试浏览器：IE6IE7IE8FF3.0Opera 9.6
<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html><head><title> new document </title><meta name="generator" content="editplus"><meta name="author" content=""><meta name="keywords" content=""><meta name="description" content=""><style type="text/css"><!--*{margin:0px;padding:0px;}body{text-align:center;font-family:"宋体"}#table{margin:0 auto;width:960px;text-align:left;}li{width:958;*width:100%;height:36px;line-height:36px;border:1px solid #c9dff7;border-bottom:none;list-style-type:none;vertical-align:bottom;}li.title{width:960px;height:34px;line-height:34px;background:url(http://files.jb51.net/demoimg/200911/1_091314.gif);border:none;font-size:13px;font-weight:800;color:#fff;}li.title span{padding-left:20px;}li.bottom{width:960px;height:37px;background:url(http://files.jb51.net/demoimg/200911/1_091332.gif);border:none;}li a{float:left;width:88px;*width:89px;height:36px;overflow:hidden;border-right:1px solid #c9dff7;}li a.left{float:left;width:67px;*width:68px;height:36px;overflow:hidden;background:#E3EFFC}li a.b_l{width:68px;*width:69px;background:none;}li a.right{border-right:none;}--></style></head><body><div id="table"><ul><li><span>查字典教程网--脚本学习类网站</span></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li><li><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a><a href=""></a></li></ul></div></body></html>
提示：您可以先修改部分代码再运行
【CSS 用ul li做圆角表格】相关文章：
★ CSS样式表详解