博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS实现细线表格
阅读量:5161 次
发布时间:2019-06-13

本文共 492 字,大约阅读时间需要 1 分钟。

做细线表格,用border-collapse:collapse;定义在table中,然后对td做border:1px solid #f00;边框样式定义即可。 

例:
<style type="text/css">
table{
width:600px;
margin:0px auto;
font:Georgia 11px;
color:#333333;
text-align:center;
border-collapse:collapse;
}
table td{
border:1px solid #f00;
width:100px;
height:30px;
}
</style>

<table>

<tr>
   <td>codezone</td>
   <td>codezone</td>
   <td>codezone</td>
</tr>
<tr>
   <td>codezone</td>
   <td>codezone</td>
   <td>codezone</td>
</tr>
</table>

转载于:https://www.cnblogs.com/futbyte/p/4434331.html

你可能感兴趣的文章
Geeksongs智能科技
查看>>
让DataGridView显示行号
查看>>
红蓝保护(按键模拟)
查看>>
写入文件
查看>>
袁韬淳 第四次作业
查看>>
jquery mobile和sencha touch的区别
查看>>
css3 - 基本选择器
查看>>
Java 循环结构 - for, while 及 do...while
查看>>
重建二叉树
查看>>
(转)深入浅出 RPC - 深入篇
查看>>
实用类 包装类型 字符串 Math类 日期类型 及类型转换课件
查看>>
Ant学习笔记
查看>>
PHP中判断变量为空的几种方法小结
查看>>
1462 素数和
查看>>
洛谷 P1359 租用游艇
查看>>
3.1
查看>>
[Leetcode 101]判断对称树 Symmetric Tree
查看>>
LeetCode OJ - Longest Consecutive Sequence
查看>>
读取70开头的xml,gbk转成utf-8
查看>>
jquery判断对象是否获得焦点
查看>>