檬味博客 » 问答 » css怎么控制表格的边框粗细，还要显示线条和颜色

css怎么控制表格的边框粗细，还要显示线条和颜色

可以通过设置单元格元素td的边框样式来实现：border: width style color; /*分别设置边框的粗细、样式和颜色*/示例如下：在HTML代码中给出两个表格 有志者事竟成苦心人天不负分别设置不同的样式 table{ /* 表格整体样式 */margin:50px; /* 外边距50px */border-collapse:collapse; /* 合并...
css怎么控制表格的边框粗细，还要显示线条和颜色
style="width: 620px; height: auto; border:1px solid gray;"在style里面加入border:粗细 solid:颜色就可以了2014-09-17
可以通过设置单元格元素td的边框样式来实现：
border: width style color; /*分别设置边框的粗细、样式和颜色*/示例如下：
在HTML代码中给出两个表格
<table class="tb1"><tr><td>有</td><td>志</td><td>者</td></tr><tr><td>事</td><td>竟</td><td>成</td></tr></table><table class="tb2"><tr><td>苦</td><td>心</td><td>人</td></tr><tr><td>天</td><td>不</td><td>负</td></tr></table>分别设置不同的样式
table{ /* 表格整体样式 */margin:50px; /* 外边距50px */border-collapse:collapse; /* 合并为单一的边框线 */}/* 设置tb1类的表格样式 */table.tb1 td{padding:10px;border:1px solid green;}/* 设置tb2类的表格样式 */table.tb2 td{padding:20px;border:5px dashed blue;}最终效果如下

2015-05-26
代码如下：
style="width: 620px; height: auto; border:1px solid gray;
在style里面加入border:粗细 solid:
例如：

border用法如下：
<html>
<head>
<style type="text/css">
p
{
border: medium double rgb(250,0,255)
}
</style>
</head>

<body>
<p>Some text</p>
</body>

</html>
2015-05-21
边框样式可以
CSS border 属性CSS 参考手册
定义和用法border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-widthborder-styleborder-color如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。
默认值：not specified继承性：no版本：CSS1JavaScript 语法：object.style.border="3px solid blue"实例设置 4 个边框的样式：
p { border:5px solid red; }TIY
浏览器支持所有浏览器都支持 border 属性。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
可能的值值描述border-width规定边框的宽度。参阅：border-width 中可能的值。border-style规定边框的样式。参阅：border-style 中可能的值。border-color规定边框的颜色。参阅：border-color 中可能的值。inherit规定应该从父元素继承 border 属性的设置。2013-07-15
mengvlog 阅读 8 次 更新于 2025-07-19 18:47:56 我来答关注问题0
4 个回答檬味博客专题活动
  • 誉祥祥知识 如何用css控制表格的边框

    在CSS中控制表格的边框，首先要了解表格边框由三个主要元素决定：table、th和td。如果这些元素都设置了border样式，外层会出现两层边框，而内部单元格之间的边框也会出现重叠，导致显示效果不佳。因此，在设置边框样式之前，需要明确如何呈现边框效果，选择最适合自己的规则。此外，表格还涉及一个概念叫作表...

  • 锤子简历网 表格怎么改粗细?

    使用CSS的border属性：您可以使用border属性来控制表格边框的粗细。例如，要将表格边框设置为粗线条，您可以添加以下CSS样式：css 复制table { border-collapse: collapse;} table, th, td { border: 2px solid black;} 在上面的示例中，border属性设置为2px solid black，这将创建一个2像素粗的黑色...

  • 文暄生活科普 css表格的边框线怎么设置

    1. 设置表格边框线的基本样式 你可以通过CSS的`border`属性来设置表格边框线的样式。例如，你可以使用`border-style`属性来设置边框线的类型，使用`border-width`来设置边框线的宽度，以及使用`border-color`来设置边框线的颜色。例如：css table { border-style: solid;border-width: 1px;border-color:...

  • lllzzz6311 css怎么控制表格的边框粗细,还要显示线条和颜色

    可以通过设置单元格元素td的边框样式来实现：border: width style color; /*分别设置边框的粗细、样式和颜色*/示例如下：在HTML代码中给出两个表格 有志者事竟成苦心人天不负分别设置不同的样式 table{ /* 表格整体样式 */margin:50px; /* 外边距50px */border-collapse:collapse; /* 合并...

  • 网海1书生 css怎么控制表格的边框粗细

    table {border-collapse:collapse}th,td {border:1px solid #000} /*通过这个1px来调整粗细*/ aaabbbccc 111222333

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部