
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="319" border="0" cellspacing="0">
<tr>
<td style="border:1px solid #FF0000"> </td>
<td style="border:1px solid blue; margin-left:0px"> </td>
</tr>
</table>
</body>
</html>
会显示啊。你是什么浏览器?什么效果?截图出来看下。
我用你的代码看是这样的哦,还有在使用表格的时候,把table的cellspacing和cellpadding清零下
border:solid 1px #ffffff;
解释:
border:样式 宽度 颜色;
大部分元素的默认宽度为0,如果不设置宽度,即使设置了样式和颜色也没用。
<link href="y5ucss" rel="stylesheet" type="text/css" /></head><body><table width="363"><tr><td width="355"><img src="模板jpg" width="333" height="24" /></li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr><tr><td><li><a href="#"></a>北约希望与俄罗斯建立“具有建设性的”关系</li></td></tr></table></body></html>编辑对应的CSS代码,在表格加边框颜色(黑色)。
用CSS设置html中的表格边框样式,要设计的样式非常多,下面举例说明
工具:
记事本
浏览器
方法如下:
CSS代码:
table-a table{border:1px solid #F00}<!--关键代码:设置表格边框为1像素,实体,红色-->
HTML代码:
<div class="table-a"><table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="105">站名</td>
<td width="181">网址</td>
<td width="112">说明</td>
</tr>
<tr>
<td>网站名称</td>
<td>具体网址</td>
<td>网站说明</td>
</tr>
<tr>
<td>网站名称</td>
<td>具体网址</td>
<td>网站说明</td>
</tr>
</table>
</div>
效果图如下:
边框样式可以
CSS 参考手册
定义和用法border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
border-widthborder-styleborder-color如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的。
默认值:not specified继承性:no版本:CSS1JavaScript 语法:objectstyleborder="3px solid blue"实例
设置4 个边框的样式:
p { border:5px solid red; }TIY
浏览器支持所有浏览器都支持 border 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
可能的值值描述border-width规定边框的宽度。参阅:border-width 中可能的值。border-style规定边框的样式。参阅:border-style 中可能的值。border-color规定边框的颜色。参阅:border-color 中可能的值。
设置table的bordercolor的方法:
table{
width:100;
border-color:red;
border:1px;
background:yellow;
}
Table控件主要用于在web页面上创建表格,其功能与HtmlTable类似。不同的是,Table控件可以用动态的内容以编程的方式来生成表格。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)