CSS怎么设置table边框样式
今天和大家说一下CSS如何设置table表格边框样式，对table设置CSS样式边框分为4种情况，以下分别详细讲解这四种情况需要怎么处理。
1、只对table设置边框
2、对td设置边框
3、对table和td技巧性设置表格边框
4、对table和td设置背景，实现完美表格边框
以下对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察，divcss5均设置所有案例表格为1px实线红色边框为例；table宽度为400px;表格为三列三行，对以上四种情况表格外层加个div盒子，分别CSS命名为“.table-a”、“.table-b”、“.table-c”、“.table-d”。
只对表格table标签设置边框
只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。
案例详细如下：
1、对应css代码
<style>
.table-a table{border:1px solid #F00}
/* css注释：只对table标签设置红色边框样式 */
</style>2、对应html代码片段
<div class="table-a">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="105">站名</td>
<td width="181">网址</td>
<td width="112">说明</td>
</tr>
<tr>
<td>PHP</td>
<td>www.gxlcms.com</td>
<td>php</td>
</tr>
<tr>
<td>php</td>
<td>www.gxlcms.com</td>
<td>php</td>
</tr>
</table>
</div>CSS设置table边框样式的方法就是这些了，有需要的朋友可以保存一下，也请大家持续关注本站的其他更新。
相关阅读：
CSS的margin属性怎么设置
设置DIV的背景色有哪几种方法
DIV+CSS怎么使用
~
相关要点总结：
17752399167：CSS设置表格边框?
宣帝答：我想到一个方法：先把边框全部设置成1px红色，再用权重关系把内部纵向/横向颜色调整好，中间肯定还会有重复的部分，再用权重关系更改单独的边框颜色。你试试吧
17752399167：用内联css样式怎样做表格边框?
宣帝答：定义上下左右线条 <table width="221" height="77" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="border:1px solid #CCCCCC">123</td> <td style="border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC">123</td> <!--...
17752399167：Css中控制table单元格的间距
宣帝答：1、设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。2、在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。3、CSS设置表格的宽度和高度，使用width宽度和...
17752399167：怎么用CSS设置html中的表格边框样式
宣帝答：您好！以下是最典型的细线表格，具备最基本的设置。供参考：<!doctype html><html><head><meta charset="utf-8"><title>表格CSS设置</title><style>#tb1 { border-collapse: collapse; /* 折叠边框产生细线表格*/ border: 2px solid black; /* 外框粗线、内部细线表格，表格线为黑色...
17752399167：[急]用table做网页,设置了border为1px怎么还是觉得很粗?
宣帝答：今天在实践过程中发现，以上两种方式生成的HTML在Word中打开则发生问题，不能达到预期效果。怎么办呢！？下面介绍一种更为简便有效的方法：3、设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;}，大功告成！而且Word也能认出这种设置。样式表如下：tab...
17752399167：如何用css 给单元格加下边框,谢谢
宣帝答：如果要给整个表格设置边框可以在<table style="boder:solid 1px red"> 如果只是个单个单元格设置在<td style="solid 1px red">
17752399167：如何设置边框样式?可以为边框添加哪些样式?
宣帝答：设置边框样式主要是通过CSS（层叠样式表）来实现的。在CSS中，我们可以使用各种边框属性来定义边框的样式、宽度、颜色等。首先，在CSS中，边框样式可以通过"border-style"属性来设置。可以为边框添加的样式包括：dotted（点状边框）、dashed（虚线边框）、solid（实线边框）、double（双线边框）、groove（凹槽...
17752399167：制作网页中的表格 网页中的表格如何设置才能只显示外框线,内部的框架...
宣帝答：用css控制，为表格建立一个css样式，选择表格边框的宽度为1。
17752399167：html中怎么设置table的边框颜色,只要外面一圈,不要网格线
宣帝答：需要准备的材料分别是：电脑、浏览器、ultraedit。1、在ue编辑器中新建一个空白的html文件，css文件。2、在ue编辑器中输入以下html代码。3、在ue编辑器中输入以下css代码。4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。5、在浏览器中打开此html文件，可以看到最终想要实现的table的边框...