使用重复字符作为表格边框

Question

我想创建一个带有表边框的表，使用一些重复的字符，例如$。我希望输出像

$$$$$$$$$$$$$
$           $
$    asd    $
$           $
$$$$$$$$$$$$$

我想过使用伪元素但是没有给出想要的结果。 有没有办法用CSS3实现这个目标？

Answer 1

您可以使用svg

来完成

＆＃13;

＆＃13;

<svg width="500" height="500">
    <defs>
    <pattern id="p" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse" >
        <text x="0" y="30" font-size="40">$</text>
        </pattern>
    </defs>
    <rect x="0" y="0" width="500" height="500" stroke="url(#p)" fill="none" stroke-width="100"/>

＆＃13;

＆＃13;

＆＃13;