关于HTML怎样用图片做背景

最新推荐文章于 2024-01-14 18:31:58 发布

原创最新推荐文章于 2024-01-14 18:31:58 发布 · 8.9k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#html #image #url #css

Html 专栏收录该内容

77 篇文章

订阅专栏

本文详细介绍了如何在网页中设置背景图片和平铺背景图片，并演示了如何在表格元素中插入图片背景。提供了CSS样式的使用方法及注意事项，确保网页设计的美观性和实用性。

1、网页背景图片：
（平铺背景图片）
<body background="d:\image\石家庄.jpg">或者
<body style="background-image: url(d:\image\石家庄.jpg);">

（背景图片不重复）
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat;">

（背景图片居中不重复）
<body style="background-image: url(d:\image\石家庄.jpg) no-repeat 50% 0;">

注释：
style 后双引号部分为CSS样式；
background-image:url(图片路径) 为背景图片
no-repeat 不重复；
50% 0 即(水平位置垂直位置) 水平50%既居中,垂直0px；

2、表格中插入图片背景：
<table>
<tr>
<td width="200" height="200" background="d:\image\石家庄.jpg">
</td>
</tr>
</table>
表格背景图片也可跟上面一样采用CSS样式，如：<td style="background-image: url(d:\image\石家庄.jpg);"> </td>。

注意：图片路径问题，用d:\image\石家庄.jpg只能在你自己的电脑上有效，上传到网站上，建议image文件夹和网页放在同一目录，则图片路径改为：“image/石家庄.jpg”。