Php 向CSS表添加样式

Php 向CSS表添加样式,php,css,html-table,Php,Css,Html Table,我将数据库中的数据回显到一个中,但是我试图在每个输出下添加一条渐变线,以显示在每个输出行之间。但是我无法在上获得正确的CSS 我已经设法把我想要的设计放在一个上,这里: 但我希望它位于表行(而不是列)之间 我的PHP输出数据: echo " <tr> <td align='center'>".$1." </td> <td align='center'>".$2."</td> <td align='center'>".$

我将数据库中的数据回显到一个
中,但是我试图在每个输出下添加一条渐变线,以显示在每个
输出行之间。但是我无法在
上获得正确的CSS

我已经设法把我想要的设计放在一个

上,这里:

但我希望它位于表行(而不是列)之间

我的PHP输出数据:

echo " <tr> 
<td align='center'>".$1." </td> 
<td align='center'>".$2."</td> 
<td align='center'>".$3."</td>
 </tr> ";
echo”
".$1."  
".$2." 
".$3."
";

您可以为每行插入额外的行

hr{
高度:1px;
背景图像:-webkit线性渐变(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
背景图像:-moz线性梯度(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
背景图像:-ms线性渐变(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
背景图像:-o-线性梯度(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
边界:0;
}
运输署{
宽度:200px;
}

A.
B

A. B
A. B
只需使用
伪元素
。您必须将该“边框”放在每个
的一个
上,因此其宽度应等于
100×列数%
,如果它们都是相同的
宽度

表格{
宽度:100%;
边界塌陷:塌陷;
}
运输署{
位置:相对位置;
宽度:33.333%;
边框:1px实心透明;
文本对齐:居中;
}
tr:not(:last child)>td:first child::after{
内容:“;
位置:绝对位置;
底部:-1px;
左:0;
高度:1px;
宽度:300%;
背景图像:-webkit线性渐变(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
背景图像:-莫兹线性梯度(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
背景图像:-ms线性梯度(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
背景图像:-o线性梯度(左,rgba(0,0,0,0),rgba(176,0,0,8),rgba(0,0,0,0));
}

基础知识
DEF
GHI

这是否回答了您的问题?:可能重复的问题我认为这不是重复的问题。他想在桌子的两行之间画一个渐变边框。这里的解决方案是不要在每个
上使用
轮廓
,因为您不能仅绘制该
轮廓的底部或顶部。折叠边框应该允许您在行上设置边框,但我认为不可能使用
边框图像
(即使有前缀)在
上绘制渐变边框。只能将
边框样式
值更改为:
无|隐藏|点|虚线|实心|双|凹槽|脊|插入|开始|初始|继承
。这只是添加了一个嵌入了“
”的新列。我希望行在中间显示的输出数据是:echo“$1.”“$2.”“$3.”;您应该在包含

上使用
位置:相对
,在

上使用
位置:绝对
将其扩展到所有列,或者在
上使用
colspan
属性。然而,我认为这在语义上并不完全正确。太好了,正是我想要的,谢谢!!-我面临的唯一问题是,它会扩大第二个“”的宽度,并将第六个和第七个“”推到元素的一侧,大约为正常大小的15%。您的意思是
,而不是
。您已将
的宽度设置为多少?在我的例子中,它是
33.333333%
,因为每行有3个。在你的情况下,它应该是
100/7=14.285714%
,或者如果表格有固定的宽度,你也可以设置为像素。是的,我现在得到了它,抱歉我没有发布,因为手头有下一个任务而分心,谢谢你的回复/帮助,丹!!非常感谢。