给表格设置背景图片的时候,总会遇到图片不适应表格大小的问题。
今天不小心发现了一个很简单的方法嘿嘿嘿~
下面实现的效果是:整体表格图片自适应和单元格图片自适应。
<html>
<head>
<title>图片自动适应</title>
<style>
</style>
</head>
<body>
<table width = "300" height = "200" border = "1" align = "center" style="background-image:url(01.jpg); background-size:100%">
<caption>黄鹤楼送孟浩然之广陵</caption>
<tr>
<td align = "center" style="background-image:url(01.jpg); background-size:100%">故人西辞黄鹤楼</td>
<td align = "center">烟花三月下扬州</td>
</tr>
<tr>
<td align = "center">孤帆远影碧空尽</td>
<td align = "center">唯见长江天际流</td>
</tr>
</table>
</body>
</html>