檬味博客 » 问答 » 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 阅读 38 次 更新于 2025-09-07 20:56:54 我来答关注问题0
4 个回答檬味博客专题活动
  • 锤子简历网 表格怎么改粗细?

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

  • 阿暄生活 css表格的边框线怎么设置

    使用borderstyle属性来设置边框线的类型，如solid。使用borderwidth来设置边框线的宽度，如1px。使用bordercolor来设置边框线的颜色，如#black。示例代码：csstable {borderstyle: solid;borderwidth: 1px;bordercolor: #black;}2. 为表格的每个单元格设置边框线： 使用border属性为td和th元素设置边框线，以...

  • 锤子简历网 如何设置表格边框的线条样式?

    1、选中表格；2、单击表格和边框工具栏的粗细选项框，选择一种线宽，如图所示；3、单击表格和边框工具栏的边框选框，选择边框即可，如图所示。

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

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

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

    4. 使用CSS框架或预定义的样式类 此外，许多CSS框架提供了预定义的表格样式类，你可以直接使用这些类来快速设置表格的边框线。这通常比你手动设置每个属性要简单得多。总的来说，通过CSS的`border`属性、`border-collapse`属性以及预定义的样式类，你可以轻松地设置和控制HTML表格的边框线。这些方法的灵活...

其他CSS类似问题

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

CSS相关话题

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