本帖最後由 rainbow 於 2021-10-10 09:27 編輯
大标题
此背景图原宽只有720px,今用代码将其放大制作成800宽的三合一边框。
- <center><div style="width:800px;background-color:#ffffff"><!--所有背景颜色按照原图颜色更改--><section style="background-image:url('https://2img.net/h/img0.oldkids.cn/uploads/diary/200808/21220058233.gif');background-color:#ffffff; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:111px"><!--图片高度须按原图比例压缩--></section><section style="margin-top:0px; background-color:#fcfcd0; width:772px;"><p style="padding-top:20px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #E37602; text-shadow: 3px 3px 3px #800000; letter-spacing:20px">大标题</span><!--标题位置和颜色须自行调整--></p><br>
- <section style="width:772px; text-align:center"><p style="padding-left:40px; padding-right:30px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #800000">文字开始……。
- <br>
- </span></p></section></section><section style="margin-top:0px;"><p align=center><img src="https://2img.net/h/img0.oldkids.cn/uploads/diary/200808/21220206110.gif" style="width: 100%;"></p></section></section></div></center><br><br>
複製代碼
https://2img.net/h/i.postimg.cc/NFyyCqrZ/jz-t-f6f7ff.gif
https://2img.net/h/i.postimg.cc/0QXMC2rp/jz-b-f6f7ff.gif
|