![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
![[急]用table做网页，设置了border为1px怎么还是觉得很粗？,第1张](/aiimages/%5B%E6%80%A5%5D%E7%94%A8table%E5%81%9A%E7%BD%91%E9%A1%B5%EF%BC%8C%E8%AE%BE%E7%BD%AE%E4%BA%86border%E4%B8%BA1px%E6%80%8E%E4%B9%88%E8%BF%98%E6%98%AF%E8%A7%89%E5%BE%97%E5%BE%88%E7%B2%97%EF%BC%9F.png "[急]用table做网页，设置了border为1px怎么还是觉得很粗？,第1张")
设置Table的细边框通常有这么几种方式：
1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！
再来看看第二种方法：
2、设置BORDER=0 ，再通过CSS，给Table加上1px的border-top,border-left，然后再设置所有的td的border-right,border-bottom，这样也能达到所要的效果。可见CSS很是强大啊。
今天在实践过程中发现，以上两种方式生成的HTML在Word中打开则发生问题，不能达到预期效果。怎么办呢！？
下面介绍一种更为简便有效的方法：
3、设置table的CSS为{border-collapse:collapseborder:none},再设置td的CSS为{border:solid #000 1px}，大功告成！而且Word也能认出这种设置。
样式表如下：
table#border{
border-top:#000 1px solid
border-left:#000 1px solid
}
table#border td{
border-bottom:#000 1px solid
border-right:#000 1px solid
}
然后再要加边框的html文件中加上
<table id="border" border="0" cellspacing="0">
其中CSS中的table表示修饰的对象是table，#表示这是一个ID
