9q13nh 发表于 2024-6-30 04:50:47

HTML中加入全局背景图


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">做为</span>刚入门的程序人，总是想要在小Demo的背景上加上一张<span style="color: black;">照片</span><span style="color: black;">做为</span>背景图，<span style="color: black;">常常</span><span style="color: black;">运用</span>的元素会让<span style="color: black;">咱们</span><span style="color: black;">显现</span><span style="color: black;">难以置信</span>的表现。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>如下这种<span style="color: black;">状况</span>：在登录页面，<span style="color: black;">咱们</span>加入一张背景图就变成下面这种形式。只是在代码的最外层div中加入了一个bac<span style="color: black;">公斤</span>round标签，</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">bac<span style="color: black;">公斤</span>round="../static/img/123.jpg"</div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-e1b50396a0d37d5a7821f6c1e346dd6e_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">处理</span>办法：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在这个标签下重新设置一下。就展示下面这种效果。只<span style="color: black;">必须</span>加入下面这行代码做<span style="color: black;">有些</span>处理。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">bac<span style="color: black;">公斤</span>round="../static/img/123.jpg" style="bac<span style="color: black;">公斤</span>round-repeat: no-repeat;bac<span style="color: black;">公斤</span>round-size: 100% 100%"</div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-8e12f51caa7d1b3e2cff1e12f44d8d95_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">上面只是<span style="color: black;">经过</span>HTML中加入，有时候<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">经过</span>css和js处理。<span style="color: black;">这儿</span>我就先不<span style="color: black;">触及</span>css和js代码。</p>




听听海 发表于 2024-8-29 02:05:07

期待楼主的下一次分享！”

4zhvml8 发表于 2024-10-9 05:13:10

楼主节操掉了，还不快捡起来！

4lqedz 发表于 2024-10-22 03:24:43

太棒了、厉害、为你打call、点赞、非常精彩等。

m5k1umn 发表于 2024-10-25 08:50:52

论坛是一个舞台，让我们在这里尽情的释放自己。

nqkk58 发表于 2024-10-28 09:34:13

你的话深深触动了我，仿佛说出了我心里的声音。
页: [1]
查看完整版本: HTML中加入全局背景图