怎么用CSS设置html中的表格边框样式

方法/步骤

1
一个普通的表格如下：

2
相关设置
单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离。
具体代码如下：
border='1'cellspacing="0" cellpadding="0" > width="200">1 2 width="200">3
a b c
中国 我
爱你
效果如图

3
文字不居中？
设置一下就好了。
代码如下：

type="text/css">.onecenter{text-align:center;width:200px;} border='1'cellspacing="0" cellpadding="0" > class='onecenter'>1 class='onecenter'>2 class='onecenter'>3 class='onecenter'>a
b c
中国 class='onecenter' >我 >爱你
为了方便一点我直接把样式写在上面了。

4
效果如图：

5
每一个表格都是一个完整的方框，如果想要线条更细。
看如下代码：

type="text/css">.onecentertext-align:center;width:200px;height:50px;}#sebackground-color:#006699
;padding:20px;color:#FFF;}border='1'cellspacing="0" cellpadding="20" >

class='onecenter'>1	style='border-left:0px;border-right:0px;' >2	class='onecenter'>3
class='onecenter'>a	style='border:0px'> b	c
>中国	我	class='onecenter' >爱你

这段代码主要是针对某些表格做了些设置，让某些表格不显示出来。

http://jingyan.baidu.com/article/15622f247e6b06fdfdbea54f.html