首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

table的css式样

2012-11-22 
table的css样式!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/

table的css样式

<!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-Type" content="text/html; charset=gb2312" /><title>table的css样式</title><style type="text/css">table {border: 1px solid #B1CDE3;padding:0; margin:0 auto;border-collapse: collapse;}td {border: 1px solid #B1CDE3;background: #fff;font-size:12px;padding: 3px 3px 3px 8px;color: #4f6b72;}</style></head><body><table width="453" height="118" border="1" cellpadding="0" cellspacing="0" >  <tr>    <td></td>    <td></td>    <td></td>    <td></td>    <td colspan="4" rowspan="5"><h2>table的css样式</h2>    <p>border-collapse: collapse; <br/>属性作用:当两条线重叠时只显示一条线 </p></td>  </tr>  <tr>    <td></td>    <td></td>    <td></td>    <td></td>  </tr>  <tr>    <td></td>    <td></td>    <td></td>    <td></td>  </tr>  <tr>    <td></td>    <td></td>    <td></td>    <td></td>  </tr>  <tr>    <td></td>    <td></td>    <td></td>    <td></td>  </tr></table></body></html>
具体的table td 样式可以在替换,主要说明border-collapse: collapse;样式一点点经验分享。

热点排行