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%
,或者如果表格有固定的宽度,你也可以设置为像素。是的,我现在得到了它,抱歉我没有发布,因为手头有下一个任务而分心,谢谢你的回复/帮助,丹!!非常感谢。