迭彩流年 發表於 2023-4-12 10:30:34

关于在HTML网页制作中如何添加背景图片

<p>我们通常使用background来添加网页的背景图</p>
<p><strong>效果图</strong>:</p>
<p style="text-align:center"><img alt="81a6a508b14d41c9ac1070e79c947c9a.jpg" src="https://img.jbzj.com/file_images/article/202304/2023041210315023.jpg" /></p>
<p>background-image:url(图片地址) ; 这个是定义背景图片,但是注意,url可以是一个网页图片的链接地址,也可以是本机保存的图片,但是对于本机保存的图片,这里是一定一定要注意是url中的图片路径是以该CSS文件为参照对象,简单做法,可以直接将图片放置在和css文件相同的文件夹里,就可以直接引用url(图片名称.jpg即可)</p>
<p><strong>放置方法示例:</strong></p>
<p style="text-align:center"><img alt="95bd8cdd2042471895ba1b83e7d72fc4.jpg" src="https://img.jbzj.com/file_images/article/202304/2023041210315024.jpg" /></p>
<p>代码引用:</p>
<p style="text-align:center"><img alt="ab75744671bf40c1acc58fcc8dd7cb9b.jpg" src="https://img.jbzj.com/file_images/article/202304/2023041210315025.jpg" /></p>
<p><strong>其他的简单用法介绍:</strong></p>
<p>background-repeat: no-repeat; 这个是定义背景图片不重复;</p>
<p>background-position: center; 这个是定义背景居中;</p>
<p>background-attachment: fixed; 定义背景图片的滚动。</p>
頁: [1]
查看完整版本: 关于在HTML网页制作中如何添加背景图片