Question

css定义表格边框 显示不出来？

以前用CSS定义以前的摸板，都好好的，一切正常
这次新做一个模板，用CSS定义边框，显示不全
比如：我定义个上，下，左，右的边框颜色
在网页里只能显示，上，下或者左右
怎么都不能全部显示。。。第一次碰到。。。
这是什么问题啊，高手赐教。。。高分送。。
当然是IE 6。0以上了
我DW都是8。0的
不过我在FX浏览器里，定义的CSS边框就可以显示出来
真奇怪。。。

Answer 1

1、相关设置
单元格边距(表格填充)(cellpadding) -- 代表单元格外面距离,用于隔开单元格与单元格之间的空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离。
具体代码如下：
<table border='1'cellspacing="0" cellpadding="0" > <tr> <td width="200">1</td> <td width="200">2</td> <td width="200">3</td> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>中国</td> <td></td> <td></td> </tr> </table>
2、文字居中
代码如下：
<style type="text/css">.onecenter{text-align:center;width:200px;}</style><table border='1'cellspacing="0" cellpadding="0" > <tr> <td class='onecenter'>1</td> <td class='onecenter'>2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter'> b</td> <td class='onecenter' > c</td> </tr > <tr> <td class='onecenter' ></td> <td class='onecenter' ></td> <td class='onecenter' ></td> </tr> </table>
3、每一个表格都是一个完整的方框，如果想要线条更细。
看如下代码：
<style type="text/css">.onecentertext-align:center;width:200px;height:50px;}#sebackground-color:#006699 ;padding:20px;color:#FFF;}</style><table border='1'cellspacing="0" cellpadding="20" > <tr> <td class='onecenter'>1</td> <td class='onecenter' style='border-left:0px;border-right:0px;' >2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter' style='border:0px'> b</td> <td class='onecenter' > c</td> </tr > <tr id='se'> <td class='onecenter' ></td> <td class='onecenter' ></td> <td class='onecenter' ></td> </tr> </table>

Answer 2

你的IE浏览器是6.0版本以上的吗?
6.0版本以上的都可以直接显示效果,现在的制作软件都很高,都能显示一些JS代码效果等~
或者是你看看CSS定义里面有没有误~

这个问题我也没遇见过,一般我制作网页的时候在预览时都能看见效果~
一般看不了效果的,都是IE版本很底的那种~
你在看看其他的地方?

Answer 3

这是我正在用的,你试试
border-top:1px solid #FF0000;border-left:1px dashed #FFFFFF;border-right:1px dashed #FFFFFF;border-bottom:1px dashed #FFFFFF

Answer 4

border-top:1px solid #FF0000;border-left:1px dashed #FFFFFF;border-right:1px dashed #FFFFFF;border-bottom:1px dashed #FFFFFF

Answer 5

<div style="border: 5px solid #ff6600;width: 100px; height: 100px; padding: 20px; margin: 20px;">ssss</div>