Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 向表行添加水平行_Html_Css_Horizontal Line - Fatal编程技术网

Html 向表行添加水平行

Html 向表行添加水平行,html,css,horizontal-line,Html,Css,Horizontal Line,我有一个表格,我为每一行添加了水平线,底部有边框:1px纯黑;但这条规则并没有被应用 我试图找出问题,但无法找到,请帮助我确定这方面的确切问题 我已经使用divison类名称和tr tag classname来应用border bottom属性,但仍然没有应用规则 正文{ 溢出:隐藏; } .货柜-表格100{ 宽度:100%; 最小高度:100vh; 背景色:#f4f7; 显示:-网络工具包盒; 显示:-webkit flex; 显示器:-moz盒; 显示:-ms flexbox; 显示器:

我有一个表格,我为每一行添加了水平线,底部有边框:1px纯黑;但这条规则并没有被应用

我试图找出问题,但无法找到,请帮助我确定这方面的确切问题

我已经使用divison类名称和tr tag classname来应用border bottom属性,但仍然没有应用规则

正文{
溢出:隐藏;
}
.货柜-表格100{
宽度:100%;
最小高度:100vh;
背景色:#f4f7;
显示:-网络工具包盒;
显示:-webkit flex;
显示器:-moz盒;
显示:-ms flexbox;
显示器:flex;
对齐项目:居中;
证明内容:中心;
柔性包装:包装;
填充:33px 30px;
}
.包装表100{
宽度:60%;
}
.表100{
背景色:#fff;
}
桌子{
宽度:100%;
}
th,td{
字体大小:未设置;
右边填充:10px;
文本对齐:左对齐;
}
.专栏1{
宽度:25%;
左侧填充:40px;
}
.专栏2{
宽度:20%;
}
.专栏3{
宽度:20%;
}
.专栏4{
宽度:20%;
}
.表100头{
填充顶部:10px;
垫底:12px;
}
.表100正文td{
填充顶部:16px;
填充底部:16px;
}
/*==================================================================
[固定标题]*/
.表100{
位置:相对位置;
填充顶部:60px;
}
.表100头{
位置:绝对位置;
宽度:100%;
排名:0;
左:0;
}
.表100正文{
最大高度:400px;
溢出:自动;
}
.table100.ver2.table100头{
盒影:0 5px20px 0px rgba(0,0,0,0.1);
-moz盒阴影:0 5px20px 0px rgba(0,0,0,0.1);
-webkit盒阴影:0 5px20px 0px rgba(0,0,0,0.1);
-o盒阴影:0 5px20px 0px rgba(0,0,0,0.1);
-ms盒阴影:0 5px20px 0px rgba(0,0,0,0.1);
}
.表100.2第二版{
字体系列:拉托黑体;
字号:18px;
颜色:#fa4251;
线高:1.4;
背景色:透明;
}
.table 100.ver2 td{
字体系列:Lato-Regular;
字体大小:15px;
颜色:#808080;
线高:1.4;
}
.table100.ver2.table100阀体tr{
边框底部:1px纯黑;
}
/*---------------------------------------------*/
.表100.2{
边界半径:10px;
溢出:隐藏;
盒影:0px40pxRGBA(0,0,0,0.15);
-moz盒阴影:0px40pxrgba(0,0,0,0.15);
-webkit盒阴影:0 0px 40px 0px rgba(0,0,0,0.15);
-o盒阴影:0px40pxRGBA(0,0,0,0,0.15);
-ms盒阴影:0px40pxRGBA(0,0,0,0.15);
}
/*滚动条主体*/
.js pscroll{
位置:相对位置;
溢出:滚动;
}

名称
日期
类型
地位
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
卡维亚
01-01-2000
数据模型
完整的
试试这个属性

table {
    border-collapse: collapse;
}
这个答案也回答了。