用section改变对称花横条背景图宽度

本帖最後由 rainbow 於 2022-11-3 15:45 編輯

用section改变
对称花横条背景图宽度

过去用对称花边的横条背景图时，必须寻找宽度比论坛可视宽度小的图片才能用，否则必须先用图片处理器改小、上传，无法直接用原图网址。

如今通过修改代码，任何宽度的图片网址都可以直接使用，通过代码将原背景图宽度放大或缩小到任何尺寸。

此双边花背景图原宽970px，现用新代码可改为800px，直接用原图网址于此论坛上使用了。

新手上路

Rank: 1

2^#

rainbow發表於 2022-11-2 13:08 | 只看該作者

本帖最後由 rainbow 於 2022-11-3 15:46 編輯

用section把原宽1024px的背景图改为800px

大标题

文字开始……。

<center><div style="width:800px;background-color:#e3d0e4">
<section style="background:url('https://2img.net/h/image30.360doc.com/DownloadImg/2011/05/2804/12179389_20.gif') repeat-y; background-size:contain; padding:30px 0px 20px 0px; color:#003399; width:800px">
<p align=center><span style="FONT: bold 80px/140% Microsoft YaHei; COLOR: #c2cfff; text-shadow: 3px 3px 3px #0000ff; letter-spacing:10px">大标题</span></p><br>
<p style="padding-left:80px; padding-right:80px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff">文字开始……。<br><br>
</span></p>
<p align=center><img src="https://sekreti-domovodstva.ru/wp-content/uploads/2018/02/s-pervim-dnyem-vesny17.gif" width=400></p>
</section></div></center><br><br>

複製代碼

TOP