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

table框子样式

2012-09-05 
table边框样式以前不懂给table加细边框,无意中看到有人设计的网页有这种样式:htmlheadtitleXXX/tit

table边框样式
以前不懂给table加细边框,无意中看到有人设计的网页有这种样式:

<html><head><title>XXX</title><style>.table_border{border: solid 1px green;border-collapse: collapse;overflow:auto;overFlow-x: scroll ;border-style: solid ;        }.table_border tr th{padding-left:4px;height:27px;border: solid 1px green;}.table_border tr td{height:25px;padding:4px;border: solid 1px green;}</style></head><body><table width="100%" border="0" cellpadding="0" cellspacing="0.5">         <tr>             <th width="60"><input type="checkbox" name="all_box" id="all_box" onclick="selectCheckBoxAll('all_box','chkBoxName')"/></th>             <th></th>             <th></th>             <th></th>             <th></th>             <th></th>         </tr>                            <tr>              <td width="60" align="center"><input type="checkbox" name="chkBoxName" id="all_box" value="<s:property value='#userGroup.groupId'/>"/></td>              <td></td>              <td></td>                                              <td></td>                                                                            <td></td>                                                                               <td></td>                                     </tr>         <tr>              <td width="60" align="center"><input type="checkbox" name="chkBoxName" id="all_box" value="<s:property value='#userGroup.groupId'/>"/></td>              <td></td>              <td></td>                                              <td></td>                                                                            <td></td>                                                                               <td></td>                                     </tr>                                                     </table><body></html>

这样就OK了!

热点排行