table边框样式

最新推荐文章于 2024-04-19 20:39:07 发布

iteye_12884

最新推荐文章于 2024-04-19 20:39:07 发布

阅读量140

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/iteye_12884/article/details/82126333

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

以前不懂给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 class="table_border" 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了！

iteye_12884

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table边框样式

以前不懂给table加细边框，无意中看到有人设计的网页有这种样式：[code="html"] XXX .table_border{ border: solid 1px green; border-collapse: collapse; overflow:auto; overFlow-x: scroll ; border-style...
复制链接

扫一扫

专栏目录