`

table边框样式

    博客分类：
  • html
 
阅读更多
以前不懂给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了！
分享到：
| 无限递归生成菜单！
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    table嵌套table边框样式

    在网页设计中，表格（Table）是用于组织数据的重要元素，而当表格嵌套时，如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求，尤其在处理复杂的数据展示时。本篇将详细介绍如何...

    CSS设置网页table边框样式.pdf

    在网页设计中，CSS（Cascading Style Sheets）是一种用于控制网页元素呈现方式的语言，其中包括对表格（table）边框样式的设置。本篇将详细解释如何使用CSS来设定网页table的边框样式。 首先，边框宽度是CSS中设置...

    HTML小技巧：将table边框改为细线

    HTML小技巧：将table边框改为细线 HTML制作新手在用TABLE表格时，会碰到如何改变边线粗线

    table边框线属性

    9. 对于嵌套表格，可以通过上述属性独立调整内外表格的边框样式。例如，你可以让外层表格有边框，而内层表格没有边框，或者改变内层表格边框的颜色和宽度，以达到复杂的布局效果。 10. `border-radius` 如果希望...

    漂亮的table表格样式

    综上所述，创建“漂亮的table表格样式”涉及多个CSS属性的运用，包括颜色、边框、背景、悬停效果以及过渡动画。通过合理组合这些元素，我们可以制作出既美观又实用的HTML表格，提升网页的整体视觉体验。

    表格边框样式大全

    以下是对这些边框样式的详细解释和示例代码，旨在为网页设计者提供一个全面的参考指南。 ### 实线边框 实线是最常见的边框样式，它以连续的线条环绕表格单元格或整个表格。可以通过CSS中的`border-style`属性设置...

    html,table常用样式

    /* 边框样式 */ border-color: #666666; /* 边框颜色 */ background-color: #dedede; /* 背景颜色 */ } /* 数据单元格样式 */ table.gridtable td { border-width: 1px; /* 边框宽度 */ padding: 8px; /* 内...

    table 边框拖动

    在网页设计中，"table 边框拖动"是一个交互性功能，允许用户通过鼠标拖动来调整表格单元格或整个表格的边框...然后查看CSS，了解边框样式及如何定位；最后研究JavaScript代码，理解事件处理和动态调整边框大小的逻辑。

    table 细线 样式

    对于追求美观和细节的设计师来说，如何设置表格的边框样式尤为重要。本文将重点探讨“table细线样式”，即如何使表格边框更加细腻、整洁，提升整个页面的设计感。 #### 二、细线样式的定义 “细线样式”通常指的是...

    bootstrap集成table样式的总结

    Bootstrap的表格默认具有简洁的样式，包括水平对齐的单元格、行高亮以及可选的striped（斑马纹）和bordered（带边框）样式。通过添加`table`, `table-striped`, `table-bordered`类，可以实现基本的表格样式： ```...

    html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf

    这个问题通常由于CSS样式冲突或者表格属性设置不当所引起。文档中提供了两种解决方法来解决这个问题。 方法一： 这种方法利用了CSS的`border-collapse`属性和嵌套表格的`border`属性。`border-collapse: collapse`...

    table样式.zip

    "table样式.zip"这个压缩包就是为此目的提供的，它包含了一些预设的、美观的Table样式，帮助开发者快速创建出吸引眼球的前台Table。 在"tablecloth"这个文件中，我们可以找到一系列CSS样式和可能的HTML结构示例，...

    普通table表格样式及代码大全(全)

    同时，CSS3提供了更多的边框样式，如圆角边框、渐变边框等，可以进一步增强表格的视觉表现力。此外，对于现代网页设计，常常推荐使用更灵活的布局方式，如CSS Grid或Flexbox，但在处理某些特定的数据展示时，传统的...

    漂亮的table样式（内附css）

    在网页设计中，表格（Table）是展示数据的重要方式，然而默认的HTML表格样式往往显得单调，不符合现代网页设计的美观需求。为了提升表格的视觉效果，我们可以利用CSS（Cascading Style Sheets）来定制表格的样式。...

    table表格样式利用jqgrid实现

    在实现表格样式时，jqGrid允许自定义CSS样式，你可以根据需求调整表格的边框、背景色、字体大小等样式属性。例如，通过设置`ui.jqgrid`、`ui-state-default`等CSS类，可以改变表格的默认外观。同时，jqGrid也提供了...

    纯css table 样式布局制作人口统计table表格样式代码

    `让表格的边框合并，然后为`&lt;table&gt;`添加边框样式。 ```css table { border-collapse: collapse; border: 1px solid #ddd; } ``` 2. **单元格边框**：为`&lt;td&gt;`和`&lt;th&gt;`添加内边距和边框。 ```css th, td ...

    表单边框样式

    ;"&gt;显示右边框 ;"&gt;显示左边框 ;"&gt;显示上边框 ;"&gt;显示下边框&lt;/td&gt;

    Html_的table_边框设置

    ### Html的table边框设置详解 #### 一、引言 HTML 表格（`&lt;table&gt;`）是一种常用的数据展示方式，在网页设计中扮演着重要角色。为了使表格更加美观和易于阅读，开发者通常会使用CSS来定制表格的外观，包括边框样式。...

Magicbox
Global site tag (gtag.js) - Google Analytics