CSS 用ul li做圆角表格

所属分类：网页制作 / CSS 阅读数： 1752

收藏 0赞 0分享

这两天和表格纠结上了...工作需要做表格，但是不想重复相同的方法，前两天用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"></style></head><body><div id="table"><ul><li class="title"><span>脚本之家--脚本学习类网站</span></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li><a  class="left" 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 class="right" href=""></a></li><li class="bottom"><a  class="left  b_l" 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 class="right" href=""></a></li></ul></div></body></html>

提示：您可以先修改部分代码再运行

更多精彩内容其他人还在看

CSS 用ul li做圆角表格

CSS样式分离之再分离达到精简与重用

CSS属性behavior的语法使用说明

网页制作中的水平居中和垂直居中解决方法集合

最常见IE的Bug及其fix修复方法

CSS常用浏览器兼容调整小结

css firefox火狐浏览器下的兼容性问题

DIV+CSS 浏览器兼容性小结

div+css 布局常识 8问

CSS用四种方式实现布局

css 解决表格边框不显示的问题

网络赚钱

站长故事