图片自动适应表格的大小

  • Post author:
  • Post category:其他


给表格设置背景图片的时候,总会遇到图片不适应表格大小的问题。

今天不小心发现了一个很简单的方法嘿嘿嘿~

下面实现的效果是:整体表格图片自适应和单元格图片自适应。

<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 版权协议,转载请附上原文出处链接和本声明。