今天小编跟大家讲解下有关CSS 用ul li做圆角表格 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS 用ul li做圆角表格 的相关资料，希望小伙伴们看了有所帮助。
这两天和表格纠结上了...工作需要做表格，但是不想重复相同的方法，前两天用dl dt dd，今天用ul li做个圆角表格，圆角用了背景图片。再次声明：数据输出型的表格不推荐使用div+css。测试浏览器：IE6\IE7\IE8\FF3.0\Opera 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(//img.jbzj.com/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(//img.jbzj.com/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 class="title"><span>AIDI--脚本学习类网站</span></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li><a class="left"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li><li class="bottom"><a class="left b_l"href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a href="https://www.aidi.net.cn//css/"></a><a class="right"href="https://www.aidi.net.cn//css/"></a></li></ul></div></body></html> 提示：您可以先修改部分代码再运行来源：爱蒂网
