表格大家并不陌生，细线表格更是受到广泛应用。
使用方法 
其中每个li只负责右边、下边的线，配以float:left;来完成横向排列，
最外边的div则只定义上边、左边的线，用以显示表格完整线条。
这种做法的好处是更加灵活，你可以由ul中事先定义好的任意两个class来控制线的颜色，
整体语意也更加清晰，可见CSS有多么的灵活 :p
在做程序实现的时候，如同循环<tr>一样，我们可以直接循环<ul>，
要知道，一个清晰的结构，对程序员开发程序的效率有多么大的帮助啊
完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tableFrame_simple</title>
<style type="text/css">
body{
本文介绍了如何使用ul和li元素模拟表格布局，通过CSS实现表格的边框，增强了灵活性。通过定义不同的class，可以轻松控制行和列的样式。这种方法对于程序员来说，能提高开发效率，同时保持结构清晰。
最低0.47元/天 解锁文章
扫一扫
1471
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
