给表格设置背景图片的时候,总会遇到图片不适应表格大小的问题。
今天不小心发现了一个很简单的方法嘿嘿嘿~
下面实现的效果是:整体表格图片自适应和单元格图片自适应。
<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>
版权声明:本文为qq_40761693原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。