html中如何使背景图铺满整个网页?

html中如何使背景图铺满整个网页?,第1张

您好!很高兴为您解答问题,以下是我为您提供的解答内容:

新建一个html文档。

设置一下HTML的框架,然后把图片设置在同一个文件夹里面。

加入,这样可以有样式设置。

因为背景设置在主体,所以还要定义为body{}。

background-image:url(图片),这个是添加图片的意思。

然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。

可以用合并单元格属性colspan,如果你希望第二个td撑满剩下的空间,建议在里面加div<table width="400" border="1"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td colspan="2"></td> <td colspan="2"> <div class="aa"></div> </td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr></table>

以两个div为例, 正常是俩都显示出来,占据2空间,

加浮动后,div就会叠加显示在一个位置

因为浮动后就脱离了文档流

浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8342536.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存