How to put a decorative picture border around a table?_html/css_WEB-ITnose

There is a table on a page. How to put decorative picture borders on the top, bottom, left, and right (all sides) of this table?

Situation A: And if there is a lot of data in this table, then this The table will be propped up very high

Considering situation A, how to write this code? Are there any practical examples?

Reply to discussion (solution)

The outermost one is to put a repeatable background (remember to position it relative), and use absolute positioning for the upper left, lower left, lower right, and lower right. . In this way, it doesn’t matter how high your table is!

<div class="可重复的背景"><p class="左上背景"></p><p class="右上背景"></p><p class="左下背景"></p><p class="右下背景"></p><table></table></div>