標題: 用section改变对称花横条背景图宽度 [打印本頁]
作者:
rainbow 時間: 2022-11-3 13:06 標題: 用section改变对称花横条背景图宽度
用section改变
对称花横条背景图宽度
过去用对称花边的横条背景图时,必须寻找宽度比论坛可视宽度小的图片才能用,否则必须先用图片处理器改小、上传,は法直接用原图网址。
如今通过修改代码,任何宽度的图片网址都可以直接使用,通过代码将原背景图宽度放大或缩小到任何尺寸。
此双边花背景图原宽970px,现用新代码可改为940px,直接用原图网址于此论坛上使用了。
[ 本帖最後由 rainbow 於 2022-11-3 20:37 編輯 ]
作者:
rainbow 時間: 2022-11-3 13:07
用section把原宽1024px的背景图改为940px
大标题
文字开始……。
<center><div style="width:940px;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:940px">
<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>
作者:
rainbow 時間: 2022-11-3 13:09
用section把原宽740px的背景图改为940px
大标题
文字开始……。
[ 本帖最後由 rainbow 於 2022-11-3 13:10 編輯 ]
作者:
rainbow 時間: 2022-11-3 13:11
用section把原宽861px的背景图改为940px
大标题
文字开始……。
作者:
rainbow 時間: 2022-11-3 20:31
用section把原宽960px的背景图改为800px
大标题
文字开始……。
作者:
rainbow 時間: 2022-11-3 20:32
用section把原宽700px的背景图改为940px
大标题
文字开始……。
[ 本帖最後由 rainbow 於 2022-11-3 20:33 編輯 ]
作者:
rainbow 時間: 2022-11-3 20:40
用section把原宽1024px的背景图改为940px
大标题
文字开始……。
作者:
rainbow 時間: 2022-11-3 21:52
用section把原宽1024px的背景图改为940px
大标题
文字开始……。
作者:
rainbow 時間: 2022-11-3 22:02
用section把原宽846px的背景图改为940px
大标题
文字开始……。
歡迎光臨 華中天地論壇 (http://huachung.freebbs.tw/) |
Powered by Discuz! 5.0.0 |