table 边框

<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td width="100%">

<table border="0" cellpadding="3" cellspacing="1" width="100%" align="center" style="">
<tr style="text-align: center; COLOR: #0076C8; font-weight: bold">
<td><font size="2">列1</font></td>
<td><font size="2">列2</font></td>
<td><font size="2">列3</font></td>
</tr>

<tr bgcolor=‘#F4FAFF‘>
<td nowrap="nowrap" align="left">11<font size="2"></td>
<td align="right"><font size="2">22</font></td>
<td align="right"><font size="2">33</font></td>
</tr>
</table>

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

主要是利用网页背景色和表格背景色的不同来设置边框,把单元格间的距离设置为cellspacing="1"就能显示表格边框了.

时间： 2024-10-14 22:29:05

table 边框的相关文章

table边框不显示

今日在做报表的时候发现,最后一行隐藏后整个报表的下边框会不显示,猜测是td的边框隐藏后但table并未设置边框,导致下边框没有出现.因此设置了table边框后问题解决.table和td的边框关系如下实验: <table> <tr> <td> <table style="border:1px solid red;"> <tr> <td style="border:1px solid blue;">

table 边框问题

对table设置css样式边框,分为几种情况:1.只对table设置边框2.对td设置边框3.对table和td技巧性设置表格边框4.对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div盒子,分别CSS命名为".table-a".".table-b".&

table边框设置

一.表格的常用属性基本属性有:width(宽度).height(高度).border(边框值).cellspacing(表格的内宽,即表格与tr之间的间隔). cellpadding(表格内元素的间隔,即tr与tr之间的间隔).bordercolorlight(表格的亮边框颜色). bordercolordark(表格的暗边框颜色).bgcolor(表格的背景色).background(表格的背景图片). bordercolor(表格边框的颜色), 二.table边框单线的实现方法 现在给出效果

HTML中table边框的显示总结转载▼

HTML中table边框的显示总结 (2012-07-19 22:03:28) 转载▼     一. 1.显示表格的4个边框:<table border frame=box> 2.只显示上边框: <table border frame=above> 3.只显示下边框: <table border frame=below> 4.只显示上下边框: <table border frame=hsides> 5.只显示左右边框: <table border fr

HTML中table边框的显示总结（转）

一.1.显示表格的4个边框:<table border frame=box>2.只显示上边框: <table border frame=above>3.只显示下边框: <table border frame=below>4.只显示上下边框: <table border frame=hsides>5.只显示左右边框: <table border frame=vsides>6.只显示左边框: <table border frame=lhs>

关于table边框打印不显示的样式设置

在打印一个产品说明书的时候.打印预览明明可以显示有边框,但是打印出来后边框就不见了.通过搜索解决了这个问题在样式的设置上做更改如下: .tablelist table{border:1px solid #F00;border-collapse: collapse} .tablelist table td{border:1px solid #F00;}

table 边框合并

border-collapse:collapse 用于表格属性, 表示表格的两边框合并为一条; <style type="text/css"> table { border-collapse:collapse; } table, td, th { border:1px solid black; } </style> <table> <tr> <th>Firstname</th> <th>Lastname

table边框1px

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

table边框重叠导致的单元格边框宽度问题

偶然的看了一眼别人写的CSS,在注释中,说有table元素边框折叠(塌陷.重叠,那个词合适?)时,不同浏览器对单元格边框的计算是不一样的,然后还在注释中写了链接地址Border Collapse differences in FF and Webkit:对于死心眼的技术男来说,不探究一番究竟,还真睡不着觉了. 愤然打开网址(每次都很激愤,经常由于各种原因打开的巨慢),理清了思路,原来大体意思是说:虽然他们处理的不一样,但最后呈现出来的界面都是一样的.然后我慢慢的思考下,好像就是 Firefox