www.ypnh.net > Css怎么控制表格的边框粗细,还要显示线条和颜色

Css怎么控制表格的边框粗细,还要显示线条和颜色

可以通过设置单元格元素td的边框样式来实现:border: width style color; /*分别设置边框的粗细、样式和颜色*/示例如下:1. 在html代码中给出两个表格

边框样式可以css 参考手册定义和用法border 简写属性在一个声明设置所有的边框属性.可以按顺序设置如下属性:border-widthborder-styleborder-color如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的.默认值

感觉上你对DIV的概念不是很明确,你可以应用class到表格.<!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">

<style> table {border-collapse:collapse} th,td {border:1px solid #000} /*通过这个1px来调整粗细*/</style><table><tr> <th>aaa</th><th>bbb</th><th>ccc</th></tr><tr> <td>111</td><td>222</td><td>333</td></tr></table>

html代码回:答<table width="266" height="97" border="0" cellpadding="0" cellspacing="0" class="baoxiu_ck_k1"> <tr> <td width="60"> </td> <td width="60"> </td> <td width="60"> </td> <td width="84" class="last">

这个设计到一个技巧性的应用,不是设置边线的颜色,而是设置单元格间距的颜色,详细的就是说:将单元格间距设置为2px,然后设置整个表格的背景色为你想要的边线的颜色,然后选中所有的单元格,将单元格的背景颜色设置为白色,这样单元格间距就相当与边线的颜色了,明白不,,,,,

html代码:&lt;table width="266" height="97" border="0" cellpadding="0" cellspacing="0" class="baoxiu_ck_k1"&gt; &lt;tr&gt; &lt;td width="60"&gt; &lt;/td&gt; &lt;td width="60"&gt; &lt;/td&gt; &lt;td width="60"&gt; &lt;/td&gt;

给整个table加个DIV的外框,table不用设置边框.给整个DIV设置左上右的边框(这里是设置外框).给table的TD伪类设置右下的边框(这是里面边框的颜色).定义最右边的那个TD不要右边的边框.这是笨办法.推荐你用UL LI的无序列表做表格,给UL一个背景色一个边框色,背景色是里面表格线的颜色.里面的LI之间给一像素的间距.

html代码: css代码:table{border-collapse:collapse;border-spacing:0;}.baoxiu_ck_k1 { border:1px solid #FF643E; }.baoxiu_ck_k1 td{border-right:1px solid #000;}.baoxiu_ck_k1 .last{ border:none;}

table.abc { border:1px; border-color:#cccccc;} table.abc { border:1px; border-color:#cccccc; border-top-style:none;}

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com