图片自动适应表格的大小

晨舟亦兴

于 2019-09-06 12:12:33 发布

阅读量7k

点赞数 10

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_40761693/article/details/100576946

版权

html 专栏收录该内容

2 篇文章

订阅专栏

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

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

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

<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>