Html 带有自定义边框的CSS表格

Html 带有自定义边框的CSS表格,html,css,Html,Css,由于我来自后端,我需要一个这样的表,所以我一直坚持使用一个简单的表设计 我现在有什么 表格{ 边界塌陷:塌陷; 宽度:100%; } tr{ 边界:无; } .首先{ 宽度:40%; 字体系列:卡西莫达; 字体大小:0.75em; 颜色:#1d1e; } .中{ 宽度:60%; 字体系列:卡西莫达; 字体大小:0.75em; 颜色:#1d1e; } .最后{ 宽度:40%; 字体系列:卡西莫达; 字体大小:0.75em; 颜色:#1d1e; } 运输署{ 边框底部:1px实心#ddd;

由于我来自后端,我需要一个这样的表,所以我一直坚持使用一个简单的表设计



我现在有什么

表格{
边界塌陷:塌陷;
宽度:100%;
}
tr{
边界:无;
}
.首先{
宽度:40%;
字体系列:卡西莫达;
字体大小:0.75em;
颜色:#1d1e;
}
.中{
宽度:60%;
字体系列:卡西莫达;
字体大小:0.75em;
颜色:#1d1e;
}
.最后{
宽度:40%;
字体系列:卡西莫达;
字体大小:0.75em;
颜色:#1d1e;
}
运输署{
边框底部:1px实心#ddd;
边框顶部:1px实心#ddd;
填充:10px;
}

一月
进度条将放置在此处
870
一月
进度条将放置在此处
560

设置
元素底部边框和
元素的右边框。第一个
元素:

表格{
边界塌陷:塌陷;
宽度:100%;
}
th{
文本对齐:左对齐;
边框底部:1px实心#ddd;
}
运输署{
填充:10px;
字体系列:卡西莫达;
字体大小:0.75em;
颜色:#1d1e;
}
.首先{
右边框:1px实心#ddd;
}
.中{
宽度:100%;
}

唯一值:
一月
进度条将放置在此处
870
一月
进度条将放置在此处
560

设置
元素底部边框和
元素的右边框。第一个
元素:

表格{
边界塌陷:塌陷;
宽度:100%;
}
th{
文本对齐:左对齐;
边框底部:1px实心#ddd;
}
运输署{
填充:10px;
字体系列:卡西莫达;
字体大小:0.75em;
颜色:#1d1e;
}
.首先{
右边框:1px实心#ddd;
}
.中{
宽度:100%;
}

唯一值:
一月
进度条将放置在此处
870
一月
进度条将放置在此处
560

事实上,你的图片不是那么清晰。 我不清楚你到底想去哪里。 但是我试着这样做,运行代码片段并查看一下,然后让我知道这是否适合您

.colspan2b订单
{
边界塌陷:塌陷;
边框底部:1px纯红;
}
.右边界
{
边界塌陷:塌陷;
右边框:1px纯红;
}
.pr-LEFT 1
{
左:1rem;
}
桌子
{
边界塌陷:塌陷;
}
tr
{
边界:无;
}

唯一值:
大学
870
习俗
560

事实上,你的图片不是那么清晰。 我不清楚你到底想去哪里。 但是我试着这样做,运行代码片段并查看一下,然后让我知道这是否适合您

.colspan2b订单
{
边界塌陷:塌陷;
边框底部:1px纯红;
}
.右边界
{
边界塌陷:塌陷;
右边框:1px纯红;
}
.pr-LEFT 1
{
左:1rem;
}
桌子
{
边界塌陷:塌陷;
}
tr
{
边界:无;
}

唯一值:
大学
870
习俗
560

谢谢@Ori Drori你是我的兄弟我像hrs的任何东西一样挣扎谢谢@Ori Drori你是我的兄弟我像hrs的任何东西一样挣扎