导航:首页 > 万维百科 > 网页的表格边框设计

网页的表格边框设计

发布时间:2021-03-18 18:20:51

1、网页设计中CSS的表格单元格边框设置

border:2px 3px 6px 9px 这个要加上 width才有效 border-width:2px 3px 6px 9px
四边框一同设置的数值不同的时候只能设置一个 color或者style或者width
border-width:1px 2px 3px 4px;
border-style: groove double dashed solid ;
border-style: #000 #0fh #250 #fff ;

2、html网页设计表格,如何通过css让表格只有外边框,而没有内边框?或者只有内边框,而没有外边框?

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格,不给他要边框*/
}
以上是全局的,用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式:
1 给那个表格加上class='classname' (classname是你自己起的样式名)
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格,不给他要边框*/
}

只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

3、如何在网页中制作表格框架

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格,不给他要边框*/
}
以上是全局的,用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式:
1 给那个表格加上class='classname' (classname是你自己起的样式名)
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格,不给他要边框*/
}

只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

4、网页表格边框颜色设置的问题

第一个table标签里面的bordercolor=#000000,是指黑色,没有错。

第二个table标签里面:borderColorDark 左上边框的颜色,borderColorLight 的右下边框的颜色
,属性名borderColorDark 和borderColorLight要区分大小写,仅ie系列支持,所以不建议你使用。最好用Css里面的属性,如border-top,border-left。

 

下面是我的实例:

 </table><table width="300" height="60" align="center" border="2" borderColorLight="#ffff00" borderColorDark="#43a8ed">
    <tr>
     <th>电脑组成1i</th>
     <td>电脑组成2i</td>
     <td>电脑组成3i</td>
     <td>电脑组成4i</td>
     <td>电脑组成5i</td>
     <td>电脑组成6i</td>
    </tr>
    <tr>
     <th>电脑组成1i</th>
     <td>电脑组成2i</td>
     <td>电脑组成3i</td>
     <td>电脑组成4i</td>
     <td>电脑组成5i</td>
     <td>电脑组成6i</td>
    </tr>
   </table>

5、网页里怎么做一像素的表格边框?

<table width="100" height="100" border="1" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr bgcolor="#ffffff">
<td>
</td>
</tr>
</table>

这样就能生成一个白底黑框的表格了,关键在于table和td的背景颜色区别,以及border=1。

6、求各种网页设计中的边框设计方法

一种是做按钮的或者边框图片,拿来当背景,另外就是css里定义了l none: 指定表格没有边框,所以边框宽度为0。l dotted: 由点线组成的表格边框。l dashed: 由虚线组成的表格边框。l solid: 由实线组成的表格边框。l Double: 由双实线组成的表格边框。l Groove: 槽线效果边框。l ridge: 脊线效果边框,和槽线效果相反。l inset: 内凹效果边框。l outset: 外凸效果边框,和内凹效果相反。每个边框类型都可以指定一种颜色,边框是绘制在背景颜色上的,列表A使用边框属性来样式化整个表格以及锚标记和单独的单元格。

例如说 css里#tab{border:2px solid #0099FF;} 表达的意思就是说ID为TAB的div或者table的边框为2个像素的实线颜色为#0099FF。
如果对你有帮助请给我最佳答案谢谢

7、html网页设计表格,如何通过css让表格只有外边框,而没有内边框?

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格,不给他要边框*/
}
以上是全局的,用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式:
1 给那个表格加上class='classname' (classname是你自己起的样式名)
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格,不给他要边框*/
}

只有内边框没有外边框的话,我就只会用赖皮的方法:给table外面套一个overflow:hidden的div,宽度和高度比table小2px,给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

8、网页表格边框设计问题

设置一下表格的属性就可以了,你只把表格宽度设为1,填充等设为0就不是双实线的啦

与网页的表格边框设计相关的知识