自定义TableCell边界

Question

如果在modena.css中查看，可以看到默认TableCell的边框是如何指定的：

.table-cell {
    ...
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
    ...
}

如您所见，除了右侧，边框是透明的，其颜色由-fx表格-单元格边框颜色指定。

我希望右边的边框有两种不同的颜色。-fx表格-单元格边框-所有像素的颜色，除了最下面的像素，我想要变成红色。

是否有规定边界线是由多个颜色组成的？

Answer 1

那这个呢？

.table-cell {
    -fx-border-color: transparent 
        linear-gradient(to bottom, -fx-table-cell-border-color 95%, 
                                   red 95%) 
        transparent 
        transparent;
}

注意95%，这取决于行的高度，您可以将其增加到95%+。

我已经包含了两个表的(缩放)图，一个带有常规css (左)，一个带有这个css (右)。红色像素就在拐角处。

​

​