例如我分别设置table和td的border宽度为2px和1px,然后再设置一个5px和4px来对比看看(注意,我已经把颜色换得更醒目咯): 其实,通过实验我们发现,这个时候各个浏览器下面,table的表现是一致的。平时在写css的时候,使用上面的代码,就能保证大部分浏览器的兼容性啦,包括IE6。 update:20121108 其实在tr上写border是有样...
border: 1px solid #ccc; } .my-table td { border: 1px solid blue; } 这下子我们能看到新的变化咯,各浏览器表现基本一致,但美中不足的是,td的border之间有空格: 为了美观,我们还得去掉单元格之间的空白,使用border-collapase:collapase,改写css如下: .my-table { border: 1px solid #ccc; border-col...
为了美观,我们还得去掉单元格之间的空白,使用border-collapase:collapase,改写css如下: [css] .my-table { border: 1px solid #ccc; border-collapse: collapse; } .my-table td { border: 1px solid blue; } 看看现在的table是什么个样子,不同浏览器下表现不一样咯。我们从下图可以看到,在chrome和FF下面,...
在HTML文件中的<style>标签内或者外部的CSS文件中,为table元素指定样式: <style> table { border-collapse: collapse; /* 合并边框 */ border: 1px solid black; /* 设置边框为1像素、实线、黑色 */ } </style> 复制代码 在HTML文件中的<table>标签内直接添加style属性,设置边框样式: <table style="bo...
查了一下,Table 的 border属性规定了内边框和外边框。 css border属性只规定了外边框(待确认) 实际使用中, Table border=0 未起作用 ,当时误将该属性移至样式表中,导致所有表格无外边框。 原因待确认
I don't think this is in the specs, but everybody agrees that if a table has no tracks, then no border-spacing is added: <!DOCTYPE html> <table style="border: 20px solid; border-spacing: 10px"></table> <br> <table style="border: 20px solid; border-spacing: 10px"> <td></...
style.css 代码语言:javascript 复制 /*公共 start*/*{margin:0;padding:0;}table{border-collapse:collapse;font-size:14px;width:30%;margin-top:200px;margin-left:auto;margin-right:auto;}table tr td:first-child{font-weight:bold;}th{background-color:#f3f3f3;}/*公共 end*/.comparison-table{wid...
<table ID="main" > <tr> <td> <table ID="INTER1"> <tr> <td>Table1 without internal border</td> <tr> </table> </td> <td> <table ID="INTER2"> <tr> <td>Table with internal border</td> <tr> </table> </td> </tr> <table> I want to do this using CSS class. I ha...
1. 单像素边框CSS表格 这是一个很常用的表格样式。 源代码: <style type="text/css"> table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; ...
2、border-style 边框的外观,有none、solid(实线)、dashed(虚线)等。 3、border-color 边框的颜色, 需要同时设置三个, <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>边框border</title> <style type="text/css"> div{border: 2px solid red; width: 500px;height:50px;} ...