問題のあるコードから始めましょう (実際、問題があるとは言えません。結局のところ、構文には問題はありませんが、効果は期待したものではありません?? 期待される効果は得られると仮定します)背景画像が複数回ではなく 1 回だけ塗りつぶされるということです。)
画像を表示するには、
<span style="font-size:18px;"><html><head> <title>设定表格的背景图像</title></head><body> <table border=3 width=400 height=100 bordercolor=#336699 background="test.png"> <tr> <td>姓名</td> <td>张三</td> </tr> <tr> <td>性别</td> <td>男</td> </tr> <tr> <td>年龄</td> <td>20</td> </tr> </table></body></html></span>
重要な点は、次の値の設定にあります。 。画像を非リピートにする「no-repeat」値に加えて、いくつかの値が利用可能です:
repeat: ページ全体を左、右、上、下に並べて表示します
お願いします具体的な効果を自分でテストしてみてください。
<span style="font-size:18px;"><html><head> <title>设定表格的背景图像</title></head><body> <table border=3 width=400 height=100 bordercolor=#336699 style="background-image:url(test.png); background-repeat:no-repeat"> <tr> <td>姓名</td> <td>张三</td> </tr> <tr> <td>性别</td> <td>男</td> </tr> <tr> <td>年龄</td> <td>20</td> </tr> </table></body></html></span>
PS: なぜこの人がそうなのかは聞かないでください。頭がとても太いので、言いたいのは、この方法で追加した画像の幅(幅)と高さ(高さ)の値を任意に設定できることです(もちろん、設定できないこともあります)デフォルトのサイズ)。