免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: 三合一信纸 [打印本頁]
作者: rainbow    時間: 2021-4-28 16:34     標題: 三合一信纸

本帖最後由 rainbow 於 2021-10-10 09:27 編輯

大标题


此背景图原宽只有720px，今用代码将其放大制作成800宽的三合一边框。



  1. <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>
  2. <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">文字开始……。
  3. <br>
  4. </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


作者: rainbow    時間: 2021-4-28 16:55

 
大 标 题

文字开始……。
 


  1. <center><br><br>
  2. <div style="background-color:#2b9be5; width:800px">
  3. <table cellspacing="0" cellpadding="0" width="100%" align="center">
  4. <tbody>
  5. <tr>
  6. <td>
  7. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/s20.postimg.cc/4ds82akgt/image.jpg" title="3in1/L1.jpg" align="center" height="157">
  8. <tbody>
  9. <tr>
  10. <td>
  11. &nbsp;
  12. </td>
  13. </tr>
  14. </tbody>
  15. </table>
  16. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/s20.postimg.cc/qe8kix34t/L2b.jpg" title="3in1/L2b.jpg" align="center">
  17. <tbody>
  18. <tr>
  19. <td >
  20. <div style="font-weight:bold;font-size:60px;color:#800000;line-height:150%;font-style:normal;font-family:SimHei" align=center>大 标 题</div><br>
  21. <div style="padding-left:90px; padding-right:70px; font-family:KaiTi_GB2312; COLOR: #fcfcfc; FONT-SIZE: 24px; line-height:150%; font-weight:bold" align=left>文字开始……。</div>
  22. </td></tr></tbody></table>
  23. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/s20.postimg.cc/a4ieg0sgt/L3a.jpg" title="3in1/L3a.jpg" align="center" height="155">
  24. <tbody>
  25. <tr>
  26. <td>&nbsp;
  27. </td></tr></tbody></table>
  28. </td></tr></tbody></table></div></center>
  29. <br><br>
複製代碼
作者: rainbow    時間: 2021-4-28 17:23

本帖最後由 rainbow 於 2021-4-28 17:32 編輯

 大标题

  文字开始






  1. <center><div style="width:800px">
  2. <table align="center" background="https://i.imgur.com/E4wrIub.jpg" border="0" cellpadding="0" cellspacing="0" height="203" width="800"><tbody><tr><td style="padding-bottom:10px" valign=bottom>
  3. <p align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #800080; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">&emsp;大标题</span></p>
  4. </td></tr></tbody></table>
  5. <table align="center" background="https://i.imgur.com/DQSjp9B.jpg" border="0" cellpadding="0" cellspacing="0" width="800"><tbody><tr><td style="padding:60px 20px">
  6. <p align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #cc0033">&emsp;&emsp;文字开始</span></p><br><br>
  7. </td></tr></tbody></table>
  8. <table align="center" background="https://i.imgur.com/siZe4Q5.jpg" border="0" cellpadding="0" cellspacing="0" height="203" width="800"><tbody><tr><td valign=top>
  9. <p align=center><img src="https://i.imgur.com/0qSWCmF.gif" width=400><br>
  10. <audio controls autoplay="autoplay" loop="loop" hidden="true" src="http://other.web.nc01.sycdn.kuwo.cn/resource/n3/24/21/1411205537.mp3"></audio></p>
  11. </td></tr></tbody></table>
  12. </div></center>
  13. <br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 17:24

本帖最後由 rainbow 於 2021-4-28 18:43 編輯

 大标题

  文字开始





  1. <center>
  2. <div style="width:800px;background-color:#e5e5e5">
  3. <table align="center" background="https://2img.net/h/i.postimg.cc/ZnNknYjR/3in1-blackrose-t.jpg" border="0" cellpadding="0" cellspacing="0" height="203" width="800"><tbody><tr><td style="padding-bottom:10px" valign=bottom>
  4. <p align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #8C8C8C; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">&emsp;大标题</span></p>
  5. </td></tr></tbody></table>
  6. <table align="center" background="https://2img.net/h/i.postimg.cc/zBVYmFgT/3in1-blackrose-m.jpg" border="0" cellpadding="0" cellspacing="0" width="800"><tbody><tr><td style="padding:60px 20px">
  7. <p align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #000000">&emsp;&emsp;文字开始</span></p><br><br>
  8. </td></tr></tbody></table>
  9. <table align="center" background="https://2img.net/h/i.postimg.cc/xChD9Nvh/3in1-blackrose-b.jpg" border="0" cellpadding="0" cellspacing="0" height="203" width="800"><tbody><tr><td valign=top>
  10. </td></tr></tbody></table>
  11. </div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:36

本帖最後由 rainbow 於 2021-4-29 08:50 編輯

  大标题

用section把920宽的大图背景缩小到800。







  1. <center>
  2. <div style="width:800px;background-color:#ffcc9a">
  3. <section style="background-image:url('http://2img.net/h/img4.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409083559828701.jpg');background-color:#ffcc9a; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:203px">
  4. <p style="padding-top:90px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #FF6924; text-shadow: 3px 3px 3px #800000; letter-spacing:20px">&emsp;&nbsp;大标题</span></p>
  5. </section>
  6. <section style="margin-top:-15px; background-image:url('http://2img.net/h/img4.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409083611550235.jpg');background-color:#ffcc9a; background-repeat:repeat-y;background-position: center top; background-size:cover; width:800px;">
  7. <section style="width:800px">
  8. <p style="padding-left:70px; padding-right:70px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #993300">
  9. 文字开始……。<br><br>
  10. <br><br>
  11. <br><br>
  12. </span></p>
  13. </section></section>
  14. <section style="margin-top:-15px;"><p align=center><img src="http://2img.net/h/img2.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409083630211142.jpg" style="width: 100%;"></p></section>
  15. </section>
  16. </div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:45

本帖最後由 rainbow 於 2021-4-28 22:39 編輯

大标题


此背景图原宽只有700px，今用代码将其放大制作成800宽的三合一边框。






  1. <center><div style="width:800px;background-color:#b1d9a4"><!--所有背景颜色按照原图颜色更改--><section style="background-image:url('https://2img.net/h/image12.360doc.com/DownloadImg/2010/07/0700/3918863_11.jpg');background-color:#b1d9a4; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:80px"><!--图片高度须按原图比例压缩--></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image12.360doc.com/DownloadImg/2010/07/0700/3918863_25.jpg');background-color:#b1d9a4; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;"><p style="padding-top:10px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #009900; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span><!--标题位置和颜色须自行调整--></p><br>
  2. <section style="width:800px"><p style="padding-left:70px; padding-right:70px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #005500">文字开始……。
  3. <br><br><br>
  4. </span></p></section></section><section style="margin-top:-25px;"><p align=center><img src="https://2img.net/h/image12.360doc.com/DownloadImg/2010/07/0700/3918863_13.jpg" style="width: 100%;"></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:46

大标题


  此背景图原宽只有780px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#294c22">
  2. <section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_28.jpg');background-color:#294c22; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:129px"></section>
  3. <section style="margin-top:-20px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_29.jpg');background-color:#294c22; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;">
  4. <p style="margin-top:20px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #E2F1DF; text-shadow: 3px 3px 3px #53A046; letter-spacing:20px">大标题</span></p><br>
  5. <section style="width:800px"><p style="padding-left:60px; padding-right:60px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff">
  6. 文字开始……。<br><br>
  7. </span></p></section></section>
  8. <section style="margin-top:-25px;">
  9. <section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_31.jpg');background-color:#294c22; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:129px">
  10. <p style="padding-top:30px" align=center><img src="https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_30.jpg" style="width: 300px;"></p></section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:48

本帖最後由 rainbow 於 2021-4-28 22:19 編輯

大标题


  此背景图原宽只有640px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#1465a4">
  2. <section style="background-image:url('https://2img.net/h/i.postimg.cc/k5SZ8QHy/37298893-1.jpg');background-color:#1465a4; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:157px"><p style="padding-top:80px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #f9db83; text-shadow: 3px 3px 3px #57AAEA; letter-spacing:20px">大标题</span></p></section>
  3. <section style="margin-top:-20px; background-image:url('https://2img.net/h/i.postimg.cc/ZRhQL9tz/37298893-2.jpg');background-color:#1465a4; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:303px"><!--文章长时须把303改为auto-->
  4. <section style="width:800px"><p style="padding-left:80px; padding-right:80px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff"><br>
  5. 文字开始……。<br><br>
  6. </span></p></section></section>
  7. <section style="margin-top:-25px;">
  8. <section style="background-image:url('https://2img.net/h/i.postimg.cc/4xqqmLWd/37298893-3.jpg');background-color:#1465a4; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:209px">
  9. <p style="padding-top:30px" align=center><img src="https://2img.net/h/i230.photobucket.com/albums/ee206/cats4723/3-1.gif" style="width: 300px;"></p>
  10. </section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:53

大标题
　　　　　　　　　

文字开始……。



  1. <center><div style="width:800px">
  2. <table cellspacing="0" cellpadding="0" width="800" background="https://s2.ax1x.com/2019/03/23/AG8ZQS.png" align="center" height="169">
  3. <tbody>
  4. <tr>
  5. <td style="padding-bottom:0px" valign=bottom><p align=center><span style="FONT: bold 50px/140% Microsoft YaHei; COLOR: #0098ca; text-shadow: 3px 3px 3px #000000; letter-spacing:10px">大标题</span></p>
  6. </td>
  7. </tr></tbody></table>
  8. <table cellspacing="0" cellpadding="0" width="800" background="https://s2.ax1x.com/2019/03/23/AG8ARf.png" align="center">
  9. <tbody>
  10. <tr>
  11. <td valign=top>　　　　　　　　　
  12. <p style="padding:0px 50px 0px 80px" align=left><span style="FONT: normal 24px/140% Microsoft YaHei; COLOR: #003399">文字开始……。</span></p>
  13. </td></tr></tbody></table>
  14. <table cellspacing="0" cellpadding="0" width="800" background="https://s2.ax1x.com/2019/03/23/AG8Fit.png" align="center" height="118">
  15. <tbody>
  16. <tr>
  17. <td>
  18. <p align=center>
  19. </p>
  20. </td></tr></tbody></table>
  21. </div></center>
  22. <br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:55

本帖最後由 rainbow 於 2021-4-28 22:38 編輯

大标题


此背景图原宽只有690px，今用代码将其用以制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#e2f2ff"><!--所有背景颜色按照原图颜色更改--><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_25.jpg');background-color:#e2f2ff; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:139px"><!--图片高度须按原图比例压缩--></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_26.jpg');background-color:#e2f2ff; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;"><p style="margin-top:0px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #BDE2FF; text-shadow: 3px 3px 3px #003399; letter-spacing:20px">大标题</span><!--标题位置和颜色须自行调整--></p><br><section style="width:800px"><p style="padding-left:70px; padding-right:70px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #003399">文字开始……。
  3. </span></p></section></section><section style="margin-top:0px;"><p align=center><img src="https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_27.jpg" style="width: 100%;"></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 18:57

本帖最後由 rainbow 於 2021-4-28 22:29 編輯

大标题

  此背景图原宽只有700px，今用代码将其制作成800宽的三合一边框。

  用section制作三合一信纸（又称三图信纸、三合一边框），可以不受素材图片的宽度，以适应不同网站的宽度限制，比用table制作更为灵活方便。



  1. <center><div style="width:800px;background-color:#4e6e6d"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_16.jpg');background-color:#4e6e6d; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:180px"><p style="padding-top:90px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #E1EAEA; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:-0px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_17.jpg');background-color:#4e6e6d; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="width:100%"><p style="padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff">
  3. 文字开始……。
  4. <br><br>
  5. </span></p></section></section><section style="margin-top:-0px;"><p align=center><img src="https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_18.jpg" style="width: 100%;"></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 19:49

本帖最後由 rainbow 於 2021-4-28 22:29 編輯

大标题


此背景图原宽为920px，不用table，今改用section缩小至800宽。



  1. <center><div style="width:800px;background-color:#567f0b"><section style="background-image:url('https://2img.net/h/img1.oldkids.cn/upload/9000/u7025/2012/08/18/blog_20120818212733844511.gif');background-color:#567f0b; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:203px">
  2. </section>
  3. <section style="margin-top:0px; background-image:url('https://2img.net/h/img4.oldkids.cn/upload/9000/u7025/2012/08/18/blog_20120818212734038653.gif');background-color:#567f0b; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:203px"><section style="margin-top:0px; width:100%"><p align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #D8F69C; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p><br>
  4. <p style="padding:0px 100px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff">
  5. 文字开始……。
  6. </span></p></section></section><section style="margin-top:0px;background-image:url('https://2img.net/h/img3.oldkids.cn/upload/9000/u7025/2012/08/18/blog_20120818211143369672.gif');background-color:#567f0b; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:203px"><!--文章长时须把203改为auto--><p style="padding-top:20px" align=center><img src="http://img0.liveinternet.ru/images/attach/c/6/90/687/90687954_razd49.gif" width=400></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 21:43

大标题

文字开始……。



  1. <center><div style="width:800px;background-color:#ebb5ab"><section style="background-image:url('https://2img.net/h/img4.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409115006154302.jpg');background-color:#ebb5ab; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:203px"><p style="padding-top:80px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #ff0080; text-shadow: 3px 3px 3px #800000; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:0px; background-image:url('https://2img.net/h/img3.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409115018594566.jpg');background-color:#ebb5ab; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:203px"><!--文章长时须把203改为auto--><section style="margin-top:-30px; width:100%"><p style="padding:0px 70px 0px 70px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #cc0033">文字开始……。
  3. </span></p></section></section><section style="margin-top:0px;background-image:url('https://2img.net/h/img3.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409115036922691.jpg');background-color:#ebb5ab; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:203px"><p style="padding-top:20px" align=center><img src="https://2img.net/h/img4.oldkids.cn/upload/260805000/u260802608/2015/08/12/blog_20150812154948768195.gif" width=400></p></section></section></div></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 22:53

大标题


这里开始填写文字内容……。
此背景图片原宽为920px，做成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#65cc33"><section style="background-image:url('http://2img.net/h/img1.oldkids.cn/upload/9000/u7276/2012/04/11/blog_20120411091010973303.jpg');background-color:#65cc33; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:203px"><!--图片高度须按原图比例缩小--><p style="padding-top:100px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #ffff33; text-shadow: 3px 3px 3px #002200; letter-spacing:20px">大标题</span><!--标题位置须自行调整--></p></section><section style="margin-top:-20px; background-image:url('https://2img.net/h/img1.oldkids.cn/upload/9000/u7276/2012/04/11/blog_20120411091022463981.jpg');background-color:#65cc33; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px; height:203px"><!--文章长时须把203改为auto--><section style="margin-top:-20px; width:800px"><p style="padding-left:70px; padding-right:70px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #002200"><br>
  2. 这里开始填写文字内容……。<br>
  3. 此背景图片原宽为920px，做成800宽的三合一边框。
  5. </span></p></section></section><section style="margin-top:-25px;"><p align=center><img src="https://2img.net/h/img4.oldkids.cn/upload/9000/u7276/2012/04/11/blog_20120411091039156205.jpg" style="width: 100%;"></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-28 22:58

本帖最後由 rainbow 於 2021-4-28 23:03 編輯

大标题


文字开始……。




  1. <center>
  2. <div style="width:800px; background-color:#d7e7f7">
  3. <table border="0" cellspacing="0" cellpadding="0" width="800">
  4. <tbody>
  5. <tr>
  6. <td height="108" background="https://2img.net/h/s2.ax1x.com/2019/04/25/EeM7mq.png" valign=bottom>
  7. <p align=center><span style="FONT: bold 50px/140% Microsoft YaHei; COLOR: #005500; letter-spacing:10px">大标题</span>
  8. </p>
  9. </td>
  10. </tr>
  11. <tr>
  12. <td width="800" background="https://2img.net/h/s2.ax1x.com/2019/04/25/EeMH00.png">
  13. <br>
  14. <p style="padding-left:60px; padding-right:60px" align=left>
  15. <span style="FONT: bold 26px/140% kaiti; COLOR: #003300">文字开始……。</span></p><br>
  16. </td></tr>
  17. <tr>
  18. <td height="134" background="https://2img.net/h/s2.ax1x.com/2019/04/25/EeMoXn.png" valign=top>
  19. <p align="center"><img src="https://2img.net/h/img4.oldkids.cn/upload/260778000/u260776675/2011/08/05/blog_201108050651385.gif" height=70></p>
  20. </td></tr></tbody></table>
  21. </div></center>
  22. <br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 08:20

大標題

  文字開始……。



 


  1. <center>
  2. <div style="width:800px; background:#FFF0F0">
  3. <table cellspacing="0" cellpadding="0" width="100%" align="center">
  4. <tbody><tr><td>
  5. <table cellspacing="0" bordercolorlight="#b18453" cellpadding="0" width="800" background="https://2img.net/h/s2.ax1x.com/2019/10/03/uwx9xK.gif" align="center" height="194">
  6. <tbody><tr><td valign=bottom><p style="padding-bottom:20px" align=center><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #cc0033; text-shadow: 3px 3px 3px #800000; letter-spacing:10px">大標題</span></p></td></tr></tbody></table>
  7. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/s2.ax1x.com/2019/10/03/uwxPKO.gif" align="center">
  8. <tbody><tr><td valign=top>
  9. <p style="padding:0px 80px 20px 100px">
  10. <span style="FONT: bold 28px/140% kaiti; COLOR: #cc0033">&emsp;&emsp;文字開始……。</span></p><br><br>
  11. </td></tr></tbody></table>
  12. <table cellspacing="0" bordercolorlight="#b18453" cellpadding="0" width="800" background="https://2img.net/h/s2.ax1x.com/2019/10/03/uwxirD.gif" align="center" height="195">
  13. <tbody>
  14. <tr>
  15. <td valign=top>&nbsp;
  16. </td></tr></tbody></table>
  17. </td></tr></tbody></table></div></center>
  18. <br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 09:45

本帖最後由 rainbow 於 2021-4-29 10:37 編輯
 

大标题

文字開始……。



  1. <center>
  2. <div style="width:800px" align="center">
  3. <table border="0" bordercolor="#114c12" cellpadding="0" cellspacing="0">
  4. <tr>
  5. <td background="https://2img.net/h/i.postimg.cc/BnWLJBDj/gr01.jpg" height="105" width="800">&nbsp;</td>
  6. </tr>
  7. <tr>
  8. <td background="https://2img.net/h/i.postimg.cc/VkjSv0BD/gr02.jpg" height="100" width="800">
  9. <p align="center"><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #ccffff; text-shadow: 3px 3px 3px #000000; letter-spacing:10px">大标题</span></p>
  10. <p style="padding-left:80px; padding-right:80px" align=left>
  11. <span style="FONT: normal 24px/140% Microsoft YaHei; COLOR: #ccffff">文字開始……。</span></p>
  12. </td>
  13. </tr>
  14. <tr>
  15. <td background="https://2img.net/h/i.postimg.cc/W4Tdkp5j/gr03.jpg" height="188" width="800">
  16. <p style="padding-bottom:30px" align=center><img src="https://2img.net/h/mamietitine.m.a.pic.centerblog.net/43079191e36d.gif" width=300></p>
  17. </td>
  18. </tr>
  19. </table>
  20. </div></center><br><br>
複製代碼


or
http://2img.net/h/img0.oldkids.cn/upload/2019/08/06/blog_20190806161215461.jpg

http://2img.net/h/img0.oldkids.cn/upload/2019/08/06/blog_20190806161146757.jpg

http://2img.net/h/img0.oldkids.cn/upload/2019/08/06/blog_20190806161203454.jpg


作者: rainbow    時間: 2021-4-29 09:51

本帖最後由 rainbow 於 2021-4-29 11:21 編輯
 

大标题


文字开始……。



 



  1. <center>
  2. <div style="width:800px">
  3. <table align="center" background="https://2img.net/h/s2.ax1x.com/2020/01/03/lUNTNq.jpg" border="0" cellpadding="0" cellspacing="0" height="402" width="800">
  4. <tbody>
  5. <tr>
  6. <td>&nbsp;</td></tr></tbody></table>
  7. <table align="center" background="https://2img.net/h/s2.ax1x.com/2020/01/03/lUN5Hs.jpg" border="0" cellpadding="0" cellspacing="0" width="800">
  8. <tbody>
  9. <tr>
  10. <td valign=top><p align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #5C98FF; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p><br>
  11. <p style="padding-left:110px; padding-right:90px" align=left>
  12. <span style="FONT: bold 30px/140% kaiti; COLOR: #003399">文字开始……。<br><br></span></p><br><br>
  13. <p align=center><span style="FONT: bold 2px/100% kaiti; COLOR: #003399">&nbsp;</span></p>
  14. </td></tr></tbody></table>
  15. <table align="center" background="https://2img.net/h/s2.ax1x.com/2020/01/03/lUNoEn.jpg" border="0" cellpadding="0" cellspacing="0" height="124" width="800">
  16. <tbody>
  17. <tr>
  18. <td valign=top><p align=center><img src="http://www.zlcool.com/d/file/2011/12/26/f3ea36590c4b21b2cf113683f1835ca9.jpg" width=300></p>
  19. </td></tr></tbody></table></div></center>
複製代碼


作者: rainbow    時間: 2021-4-29 13:02

大标题


  此背景图原宽700px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#434343"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_4.jpg');background-color:#434343; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:171px"><p style="padding-top:90px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #f9db83; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p></section><section style="margin-top:-20px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_5.jpg');background-color:#434343; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="width:800px"><p style="padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff"><br>
  2. &emsp;&emsp;此背景图原宽700px，今用代码将其制作成800宽的三合一边框。<br><br>
  3. </span></p></section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_6.jpg');background-color:#434343; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:170px"><p style="padding-top:30px" align=center><img src="https://2img.net/h/i230.photobucket.com/albums/ee206/cats4723/3-1.gif" style="width: 300px;"></p></section></section></section></div></center><br><br>
複製代碼
作者: rainbow    時間: 2021-4-29 13:09

大标题


  此背景图原宽700px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#889492"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_7.jpg');background-color:#889492; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:169px"><p style="padding-top:80px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #f9db83; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:-20px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_8.jpg');background-color:#889492; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="width:800px"><p style="padding-left:80px; padding-right:80px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff"><br>
  3. &emsp;&emsp;此背景图原宽700px，今用代码将其制作成800宽的三合一边框。<br><br>
  4. </span></p></section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_9.jpg');background-color:#889492; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:178px"><p style="padding-top:50px" align=center><img src="https://2img.net/h/i230.photobucket.com/albums/ee206/cats4723/3-1.gif" style="width: 300px;"></p></section></section></section></div></center>
複製代碼


作者: rainbow    時間: 2021-4-29 13:10

大标题


  此背景图原宽700px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#74747e"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_13.jpg');background-color:#74747e; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:160px"><p style="padding-top:80px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #d4e0f0; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:-20px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_14.jpg');background-color:#74747e; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="width:800px"><p style="padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff"><br>
  3. &emsp;&emsp;此背景图原宽700px，今用代码将其制作成800宽的三合一边框。<br><br>
  4. </span></p></section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_15.jpg');background-color:#74747e; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:149px"><p style="padding-top:10px" align=center><img src="https://4.share.photo.xuite.net/c46269.xuite.net/14815e3/20131951/1168638324_m.jpg" style="width: 250px;"></p></section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 13:11

大标题


  此背景图原宽700px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#68756c"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_19.jpg');background-color:#68756c; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:183px"><p style="padding-top:80px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #f9db83; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:-20px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_20.jpg');background-color:#68756c; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="width:800px"><p style="padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #ffffff"><br>
  3. &emsp;&emsp;此背景图原宽700px，今用代码将其制作成800宽的三合一边框。<br><br>
  4. </span></p></section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_21.jpg');background-color:#68756c; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:184px"><p style="padding-top:30px" align=center><img src="https://4.share.photo.xuite.net/c46269.xuite.net/14815e3/20131951/1168638324_m.jpg" style="width: 300px;"></p></section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 13:12

大标题


  此背景图原宽700px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#a89c9c"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_10.jpg');background-color:#a89c9c; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:238px"><p style="padding-top:120px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #d9cfd0; text-shadow: 3px 3px 3px #000000; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:0px; background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_11.jpg');background-color:#a89c9c; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:160px"><section style="margin-top:-50px; width:800px"><p style="padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #373434"><br>
  3. &emsp;&emsp;此背景图原宽700px，今用代码将其制作成800宽的三合一边框。<br><br>
  4. </span></p></section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image67.360doc.com/DownloadImg/2013/12/0803/37298893_12.jpg');background-color:#a89c9c; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:231px"><p style="padding-top:50px" align=center><img src="https://4.share.photo.xuite.net/c46269.xuite.net/14815e3/20131951/1168638324_m.jpg" style="width: 300px;"></p></section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 13:13

大标题


  此背景图原宽892px，今用代码将其制作成800宽的三合一边框。



  1. <center><div style="width:800px;background-color:#545454"><section style="background-image:url('https://2img.net/h/userimage5.360doc.com/14/0828/16/3972368_201408281610500278.jpg');background-color:#545454; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:119px"><p style="padding-top:50px" align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #dddddd; text-shadow: 3px 3px 3px #0000ff; letter-spacing:20px">大标题</span></p></section>
  2. <section style="margin-top:0px; background-image:url('https://2img.net/h/userimage5.360doc.com/14/0828/16/3972368_201408281610500794.jpg');background-color:#545454; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:0px; width:800px"><p style="padding-left:40px; padding-right:40px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #fcfcfc"><br>
  3. &emsp;&emsp;此背景图原宽892px，今用代码将其制作成800宽的三合一边框。<br><br>
  4. </span></p></section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/userimage5.360doc.com/14/0828/16/3972368_201408281610520247.jpg');background-color:#545454; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:119px"><p style="padding-top:20px" align=center><img src="https://4.share.photo.xuite.net/c46269.xuite.net/14815e3/20131951/1168638324_m.jpg" style="width: 300px;"></p></section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 15:27

本帖最後由 rainbow 於 2021-4-29 20:04 編輯
 

大标题


文字开始……。



文字结束，注意，此处最多只可填上约二十五个中文字母。



  1. <center>
  2. <div style="width:800px">
  3. <table align="center" background="https://2img.net/h/s2.ax1x.com/2020/01/03/lU76IA.png" border="0" cellpadding="0" cellspacing="0" height="156" width="800">
  4. <tbody>
  5. <tr>
  6. <td>&nbsp;</td></tr></tbody></table>
  7. <table align="center" background="https://2img.net/h/s2.ax1x.com/2020/01/03/lU7yad.png" border="0" cellpadding="0" cellspacing="0" width="800">
  8. <tbody>
  9. <tr>
  10. <td valign=top><p align=center><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #9a630f; text-shadow: 2px 2px 2px #000000; letter-spacing:10px">大标题</span></p><br>
  11. <p style="padding-left:160px; padding-right:140px" align=left>
  12. <span style="FONT: bold 30px/140% kaiti; COLOR: #542000">文字开始……。</span></p>
  13. <br><br>
  14. </td></tr></tbody></table>
  15. <table align="center" background="https://2img.net/h/s2.ax1x.com/2020/01/03/lU7sVH.png" border="0" cellpadding="0" cellspacing="0" height="334" width="800">
  16. <tbody>
  17. <tr>
  18. <td valign=top><p style="padding-left:360px; padding-right:140px" align=right><span style="FONT: bold 30px/120% kaiti; COLOR: #542000">文字结束，注意，此处最多只可填上约二十五个中文字母。</span></p>
  19. </td></tr></tbody></table></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 18:53

本帖最後由 rainbow 於 2021-4-29 20:05 編輯


大标题

文字开始……。




  1. <center>
  2. <div style="width:800px; background-color:#ccbcac">
  3. <table align="center" background="https://2img.net/h/s2.ax1x.com/2019/05/15/ETA9qH.gif" alt="3in1-1a" border="0" cellpadding="0" cellspacing="0" height="142" width="800">
  4. <tbody>
  5. <tr>
  6. <td><br><p align=center><br><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #E8C2B0; text-shadow: 3px 3px 3px #520000; letter-spacing:10px">大标题</span></p></td></tr></tbody></table>
  7. <table align="center" background="https://2img.net/h/s2.ax1x.com/2019/05/15/ETAPZd.gif" alt="3in1-2a" border="0" cellpadding="0" cellspacing="0" width="800">
  8. <tbody>
  9. <tr>
  10. <td>
  11. <p style="padding-left:70px; padding-right:70px" align=left>
  12. <span style="FONT: normal 24px/140% Microsoft YaHei; COLOR: #800000">文字开始……。<br><br></span></p>
  13. </td></tr></tbody></table>
  14. <table align="center" background="https://2img.net/h/s2.ax1x.com/2019/05/15/ETApse.gif" alt="3in1-3a" border="0" cellpadding="0" cellspacing="0" height="154" width="800">
  15. <tbody>
  16. <tr>
  17. <td><p align=center><img src="http://2img.net/h/img1.oldkids.cn/upload/2021/01/01/blog_20210101081819020.gif" height=70></p><br></td></tr></tbody></table>
  18. </div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-29 23:09

本帖最後由 rainbow 於 2021-4-30 10:03 編輯

大标题


原背景图宽712px，放大至800px。


blog_20130207123149901037.gif



  1. <center><div style="width:800px;background-color:#d1a8d4"><!--所有背景颜色按照原图颜色更改-->
  2. <section style="background-image:url('https://i.imgur.com/JXD8Fp3.jpg');background-color:#d1a8d4; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:166px" alt="20050129144935_1_01.jpg"><!--图片高度须按原图比例放大--></section>
  3. <section style="margin-top:-16px; background-image:url('https://i.imgur.com/GR6g8N4.jpg');background-color:#d1a8d4; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px; height:222px" alt="20050129145046_1_02.jpg"><!--文章长时须把height222改为auto-->
  4. <p align=center><span style="FONT: bold 60px/110% Microsoft YaHei; COLOR: #B976BC; text-shadow: 3px 3px 3px #572C59; letter-spacing:20px">大标题</span></p><br>
  5. <section style="width:800px">
  6. <p style="padding-left:120px; padding-right:120px" align=left><span style="FONT: bold 30px/140% kaiti; COLOR: #800080">原背景图宽712px，放大至800px。
  7. <br><br><br>
  8. </span></p></section>
  9. </section>
  10. <section style="margin-top:-25px;">
  11. <section style="background-image:url('https://i.imgur.com/oAtlxvl.jpg');background-color:#d1a8d4; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:204px" alt="20050129145152_1_04.jpg">
  12. <p style="padding-top:0px" align=center><img src="https://2img.net/h/i238.photobucket.com/albums/ff198/maria-40/l_0ecb4e75b90bf47aac5a90b6a69bd565.gif" alt="blog_20130207123149901037.gif" style="width: 300px;"></p>
  13. </section></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-4-30 13:14

本帖最後由 rainbow 於 2021-4-30 13:36 編輯

大标题


背景图原宽513px，改为800宽边框。



  1. <center><div style="width:800px;background-color:#c3e9ae"><section style="background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_2.jpg');background-color:#c3e9ae; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:175.5px"><p style="padding-top:100px" align=center><span style="FONT: bold 50px/120% Microsoft YaHei; COLOR: #009900; text-shadow: 2px 2px 2px #002200; letter-spacing:10px">大标题</span></p></section><section style="margin-top:-16px; background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_3.jpg');background-color:#c3e9ae; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:95px"><!--文章长时须把95改为auto--><p style="padding-left:100px; padding-right:100px" align=left><br><span style="FONT: bold 26px/140% kaiti; COLOR: #003300">
  2. 文字开始……。
  3. <br><br>
  4. </span></p></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_4.jpg');background-color:#c3e9ae; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:221px"><p style="padding-top:70px" align="center"><img src="http://img0.liveinternet.ru/images/attach/c/6/90/687/90687954_razd49.gif" height=70></p></section></section></div></center>
  5. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-1 10:48

本帖最後由 rainbow 於 2021-5-1 11:40 編輯

大标题


背景圖原寬700px，今用於製作800寬的邊框。



  1. <center><div style="width:800px;background-color:#F8DDF1"><!--背景颜色可随意更改-->
  2. <section style="background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_8.gif');background-color:#F8DDF1; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:143px"><p style="padding-top:90px" align=center><span style="FONT: bold 46px/120% Microsoft YaHei; COLOR: #cc0033; text-shadow: 2px 2px 2px #800000; letter-spacing:10px">大标题</span></p></section>
  3. <section style="margin-top:-16px; background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_9.gif');background-color:#F8DDF1; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:177px"><!--文章长时须把177改为auto--><p style="padding-left:80px; padding-right:80px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #800000"><br>
  4. 文字开始……。
  5. <br><br>
  6. </span></p></section>
  7. <section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_10.gif');background-color:#F8DDF1; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:160px"><p style="padding-top:10px" align="center"><img src="http://2img.net/h/i494.photobucket.com/albums/rr306/LIDIJA04/DIVIDERS/toow-11.gif" height=80></p></section></section></div></center>
  8. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-1 12:18

本帖最後由 rainbow 於 2021-5-1 13:25 編輯

大标题

背景圖原寬710px，今用於製作800寬的邊框。



  1. <center><div style="width:800px;background-color:#b6a7a2">
  2. <section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_63.jpg');background-color:#b6a7a2; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:193px"><p style="padding-top:90px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #D8D5D4; text-shadow: 3px 3px 3px #000000; letter-spacing:10px">大标题</span></p></section>
  3. <section style="margin-top:-16px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_64.jpg');background-color:#b6a7a2; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:72px"><!--内容較多时须把72px改为auto--><p style="padding-left:80px; padding-right:80px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #484340">
  4. 文字開始……。
  5. <br><br>
  6. </span></p></section>
  7. <section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_65.jpg');background-color:#b6a7a2; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:193px"><p style="padding-top:30px" align="center"><img src="https://4.share.photo.xuite.net/c46269.xuite.net/14815e3/20131951/1168638324_m.jpg" width=300></p></section></section></div></center>
  8. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-1 15:47

本帖最後由 rainbow 於 2021-5-1 15:51 編輯

大标题

背景圖原寬700px，今用於製作800寬的邊框。



  1. <center><div style="width:800px;background-color:#f2d2d7">
  2. <section style="background-image:url('https://s1.imagehub.cc/images/2021/05/01/3528217_5.jpg');background-color:#f2d2d7; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:191px">
  3. <p style="padding-top:80px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #ff0080; text-shadow: 3px 3px 3px #800000; letter-spacing:10px">大标题</span></p>
  4. </section>
  5. <section style="margin-top:0px; background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg');background-color:#f2d2d7; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto">
  6. <section style="margin-top:0px">
  7. <p style="padding-left:40px; padding-right:40px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #cc0033">
  8. 文字开始……。
  9. <br><br>
  10. </span></p></section></section>
  11. <section style="margin-top:0px;"><section style="background-image:url('https://2img.net/h/image11.360doc.com/DownloadImg/2010/06/1009/3528217_7.jpg');background-color:#f2d2d7; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:199px"><p style="padding-top:50px" align="center"><img src="https://2img.net/h/img4.oldkids.cn/upload/260805000/u260802608/2015/08/12/blog_20150812154948768195.gif" width=300></p></section></section></div></center>
  12. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 12:03

本帖最後由 rainbow 於 2021-5-2 12:59 編輯
 

大标题


文字开始……。



  1. <center>
  2. <div style="background-color:#ddefec; width:800px">
  3. <table cellspacing="0" cellpadding="0" width="100%" align="center">
  4. <tbody>
  5. <tr>
  6. <td>
  7. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_5.gif" title="22733048_5.gif" align="center" height="107">
  8. <tbody>
  9. <tr>
  10. <td>
  11. &nbsp;
  12. </td>
  13. </tr>
  14. </tbody>
  15. </table>
  16. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_6.gif" title="22733048_6.gif" align="center">
  17. <tbody>
  18. <tr>
  19. <td >
  20. <p style="margin-top:-30px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #A0E5E9; text-shadow: 3px 3px 3px #2E6060; letter-spacing:10px">大标题</span></p><br>
  21. <p style="margin-top:-30px; padding-left:80px; padding-right:80px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #3a7977">文字开始……。<br><br>
  22. </span></p>
  23. </td></tr></tbody></table>
  24. <table cellspacing="0" cellpadding="0" width="800" background="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_7.gif" title="22733048_7.gif" align="center" height="151">
  25. <tbody>
  26. <tr>
  27. <td><p style="margin-top:-50px" align="center"><img src="http://i.imgur.com/XKJf3uI.gif" height=70></p>
  28. </td></tr></tbody></table>
  29. </td></tr></tbody></table></div></center>
  30. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 13:18

本帖最後由 rainbow 於 2021-5-2 13:22 編輯

大标题

背景图原宽755px，改成800宽边框。





作者: rainbow    時間: 2021-5-2 14:08

本帖最後由 rainbow 於 2021-5-2 14:22 編輯

大标题

背景图原宽750px，改成800宽边框。





作者: rainbow    時間: 2021-5-2 15:41

本帖最後由 rainbow 於 2021-5-2 16:21 編輯

大标题

 

背景图原宽712px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#5b1316"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_31.jpg');background-color:#5b1316; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:149px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_32.jpg');background-color:#5b1316; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #fff1c6; text-shadow: 3px 3px 3px #e27c66; letter-spacing:10px">大标题</span><br><br>
  2. <img src="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_35.jpg">&emsp;<IMG style="margin-left: 0px;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-ms-transform: scaleX(-1);-o-transform: scaleX(-1);"src="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_35.jpg"></p>
  3. <p style="margin-top:20px; padding-left:70px; padding-right:70px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #fff1c6">背景图原宽712px，改成800宽边框。<br><br>
  4. </span></p>
  5. <p style="margin-bottom:-20px" align=center><img src="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_34.jpg"></p>
  6. </section></section><section style="margin-top:-0px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_33.jpg');background-color:#5b1316; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:92px"></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 17:10

大标题

背景图原宽710px，改成800宽边框。





  1. <center><div style="width:800px;background-color:#000000"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_36.gif');background-color:#000000; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:153px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_37.gif');background-color:#000000; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #b91138; text-shadow: 3px 3px 3px #85ae62; letter-spacing:10px">大标题</span></p>
  2. <p style="margin-top:20px; padding-left:150px; padding-right:150px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #e6dcb2">背景图原宽710px，改成800宽边框。<br><br>
  3. <br><br>
  4. </span></p>
  5. <p align=center><img src="https://twgreatdaily.com/images/elastic/dX-/dX-wy28B3uTiws8KlIPo.jpg" width=300></p>
  6. </section></section><section style="margin-top:-0px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_38.gif');background-color:#000000; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:149px"></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 17:45

大标题

背景图原宽710px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#d6e2ce"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_42.jpg');background-color:#d6e2ce; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:170px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_43.jpg');background-color:#d6e2ce; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-40px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #aabb9b; text-shadow: 3px 3px 3px #003300; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #003300">背景图原宽710px，改成800宽边框。
  2. <br><br>
  3. </span></p>
  4. <p align=center><img src="https://2img.net/h/i.postimg.cc/8zD63q43/22733048-44v.jpg"></p>
  5. </section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_44.jpg');background-color:#d6e2ce; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:118px"></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 18:59

大标题

背景图原宽710px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#5a2131"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_57.gif');background-color:#5a2131; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:80px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_58.gif');background-color:#5a2131; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:370px"><!--文章内容较长时须把370改为auto-->
  2. <section style="margin-top:-40px"><p style="padding-top:20px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #e7dea5; text-shadow: 3px 3px 3px #E00000; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:60px; padding-right:60px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #efe7a5">背景图原宽710px，改成800宽边框。
  3. <br><br>
  4. </span></p>
  5. </section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_59.gif');background-color:#5a2131; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:122px"><p align=center><img src="http://pryluky-dnz11.edukit.cn.ua/files2/images/7088.gif" height=70></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 19:29

大标题

背景图原宽710px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#dab3b4"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_60.jpg');background-color:#dab3b4; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:193px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_61.jpg');background-color:#dab3b4; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-35px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #cc0033; text-shadow: 3px 3px 3px #800000; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:40px; padding-right:40px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #cc0033">背景图原宽710px，改成800宽边框。<br><br>
  2. </span></p>
  3. <p style="margin-bottom:-70px" align=center><img src="http://www.boanson.net/53/lfx/29151209.d3e936.gif"></p>
  4. </section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_62.jpg');background-color:#dab3b4; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:101px"></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 20:15

大标题

背景图原宽710px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#bcbeb9"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_66.jpg');background-color:#bcbeb9; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:185px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_67.jpg');background-color:#bcbeb9; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-30px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #997496; text-shadow: 3px 3px 3px #4C384A; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:30px; padding-right:30px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #800080">背景图原宽710px，改成800宽边框。<br><br>
  2. </span></p>
  3. </section></section><section style="margin-top:-25px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_68.jpg');background-color:#bcbeb9; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:161px"><p style="padding-top:20px" align=center><img src="https://s1.ax1x.com/2020/04/27/JfAKpj.gif" width=300></p></section></section></div></center><br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 21:12

大标题

背景图原宽710px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#ebebeb"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_69.jpg');background-color:#ebebeb; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:154px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_70.jpg');background-color:#ebebeb; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #6c727e; text-shadow: 3px 3px 3px #353535; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:40px; padding-right:40px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #353535">背景图原宽710px，改成800宽边框。<br><br>
  2. </span></p>
  3. </section></section><section style="margin-top:-10px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_71.jpg');background-color:#ebebeb; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:185px"></section></section></div></center>
  4. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 22:13

本帖最後由 rainbow 於 2021-5-2 22:43 編輯

大标题

背景图原宽710px，改成800宽边框。



  1. <center><div style="width:800px;background-color:#d1d8e0"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_72.jpg');background-color:#d1d8e0; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:176px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_73.jpg');background-color:#d1d8e0; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #f9f9fb; text-shadow: 3px 3px 3px #353535; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:60px; padding-right:60px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #353535">背景图原宽710px，改成800宽边框。<br><br>
  2. </span></p>
  3. <p align=center><img src="https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_75.jpg" width=350></p>
  4. </section></section><section style="margin-top:-10px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2915/22733048_74.jpg');background-color:#ebebeb; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:118px"></section></section></div></center>
  5. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-2 23:11

本帖最後由 rainbow 於 2021-5-2 23:22 編輯

大标题

背景图原宽800px，框内插图最大宽度不得大于540px。



  1. <center><div style="width:800px;background-color:#b1d2cb"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_1.jpg');background-color:#b1d2cb; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:250px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_2.jpg');background-color:#b1d2cb; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-20px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #379f9e; text-shadow: 3px 3px 3px #123535; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:130px; padding-right:130px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #123535">背景图原宽800px，框内插图最大宽度不得大于540px。
  2. </span></p>
  3. <p align=center><img src="http://dl.glitter-graphics.net/pub/2130/2130961pppwv8xc8x.gif"></p>
  4. </section></section><section style="margin-top:-40px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_3.jpg');background-color:#b1d2cb; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:182px"></section></section></div></center>
  5. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 08:27

本帖最後由 rainbow 於 2021-5-3 08:39 編輯

大标题

背景图原宽800px，框内插图最大宽度不得大于740px。



  1. <center><div style="width:800px;background-color:#ede7d1"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_4.jpg');background-color:#ede7d1; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:65px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_5.jpg');background-color:#ede7d1; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #d0c49a; text-shadow: 3px 3px 3px #800000; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:30px; padding-right:30px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #800000">背景图原宽800px，框内插图最大宽度不得大于740px。<br><br>
  2. </span></p>
  3. <p align=center><img src="http://dl10.glitter-graphics.net/pub/85/85690d2dk5mgsrv.gif" width-300></p>
  4. </section></section><section style="margin-top:-30px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_6.jpg');background-color:#ede7d1; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:63px"></section></section></div></center>
  5. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 08:58

本帖最後由 rainbow 於 2021-5-3 08:59 編輯

大标题

背景图原宽850px，框内插图最大宽度不得大于700px。



  1. <center><div style="width:800px;background-color:#d3b4b2"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_22.jpg');background-color:#d3b4b2; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:192px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_23.jpg');background-color:#d3b4b2; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #c54e61; text-shadow: 3px 3px 3px #800000; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:50px; padding-right:50px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #800000">背景图原宽850px，框内插图最大宽度不得大于700px。<br><br>
  2. </span></p>
  3. </section></section><section style="margin-top:0px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_24.jpg');background-color:#d3b4b2; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:132px"><p style="margin-top:0px" align=center><img src="http://dl10.glitter-graphics.net/pub/85/85690d2dk5mgsrv.gif" height=70></p>
  4. </section></section></div></center>
  5. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 09:47

大标题

背景图原宽850px，框内插图最大宽度不得大于680px。



作者: rainbow    時間: 2021-5-3 10:08

大标题

背景图原宽850px，框内插图最大宽度不得大于710px。



  1. <center><div style="width:800px;background-color:#f6eaee"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_28.jpg');background-color:#f6eaee; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:137px"></section><section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_29.jpg');background-color:#f6eaee; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:-10px"><p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #eec2d3; text-shadow: 3px 3px 3px #ff0080; letter-spacing:10px">大标题</span></p><p style="margin-top:20px; padding-left:45px; padding-right:45px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #cc0033">背景图原宽850px，框内插图最大宽度不得大于710px。<br><br>
  2. </span></p>
  3. <p style="margin-bottom:-50px" align=center><img src="http://2img.net/h/img1.oldkids.cn/upload/2017/07/02/blog_20170702151720394.gif" height=80></p>
  4. </section></section><section style="margin-top:-20px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_30.jpg');background-color:#f6eaee; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:95px">
  5. </section></section></div></center>
  6. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 11:16

大标题

  背景图原宽850px，框内插图最大宽度不得大于620px。



  1. <center><div style="width:800px;background-color:#625b63"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_44.jpg');background-color:#625b63; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:188px"><p style="padding-top:90px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #f4f2f7; text-shadow: 3px 3px 3px #0000ff; letter-spacing:10px">大标题</span></p></section>
  2. <section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_45.jpg');background-color:#625b63; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:0px">
  3. <p style="margin-top:0px; padding-left:90px; padding-right:90px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #f4f2f7">&emsp;&emsp;背景图原宽850px，框内插图最大宽度不得大于620px。<br><br>
  4. </span></p>
  5. </section></section><section style="margin-top:-20px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_46.jpg');background-color:#625b63; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:201px">
  6. <p style="padding-top:20px" align=center><img src="https://1.bp.blogspot.com/-76DXXFIrzlI/URrk6ZbldZI/AAAAAAAAFbA/ZvdoYU0pJv8/s1600/748.l.gif" height=90></p>
  7. </section></section></div></center>
  8. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 12:52

本帖最後由 rainbow 於 2021-5-3 13:06 編輯

大标题

背景图原宽850px，框内插图最大宽度不得大于680px。







  1. <center><div style="width:800px;background-color:#4a2163"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_62.gif');background-color:#4a2163; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:63px">
  2. </section>
  3. <section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_63.gif');background-color:#4a2163; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:0px">
  4. <p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #b173d6; text-shadow: 3px 3px 3px #0000ff; letter-spacing:10px">大标题</span></p>
  5. <p style="margin-top:20px; padding-left:60px; padding-right:60px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #ffffc6">背景图原宽850px，框内插图最大宽度不得大于680px。
  6. <br><br><br><br>
  7. </span></p>
  8. <p style="padding-bottom:0px" align=center><img src="http://2img.net/h/img4.oldkids.cn/upload/260775000/u260773777/2011/10/10/blog_20111010104009373521.gif" width=300></p>
  9. </section></section><section style="margin-top:0px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_64.gif');background-color:#4a2163; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:61px">
  10. </section></section></div></center>
  11. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 15:24

大标题

背景图原宽850px，框内插图最大宽度不得大于680px。






  1. <center><div style="width:800px;background-color:#496278"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_80.jpg');background-color:#496278; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:144px"><p style="padding-top:60px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #c7cbe8; text-shadow: 3px 3px 3px #000000; letter-spacing:10px">大标题</span></p></section>
  2. <section style="margin-top:-20px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_81.jpg');background-color:#496278; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto"><section style="margin-top:0px">
  3. <p style="margin-top:20px; padding-left:60px; padding-right:60px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #c7cbe8">背景图原宽850px，框内插图最大宽度不得大于680px。
  4. <br><br><br><br><br>
  5. </span></p>
  6. </section></section><section style="margin-top:0px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_82.jpg');background-color:#496278; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:164px"><p style="padding-top:50px" align=center><img src="https://2img.net/h/img4.oldkids.cn/upload/2017/08/21/blog_20170821172428252.gif" width=300></p>
  7. </section></section></div></center>
  8. <br><br>
複製代碼


作者: rainbow    時間: 2021-5-3 16:12

大标题

背景图原宽850px，框内插图最大宽度不得大于680px。



  1. <center><div style="width:800px;background-color:#315150"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_83.jpg');background-color:#315150; background-repeat:no-repeat;background-position: center top; background-size:contain; width:800px;height:109px"></section>
  2. <section style="margin-top:0px; background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_84.jpg');background-color:#315150; background-repeat:repeat-y;background-position: center top; background-size:contain; width:800px;height:auto">
  3. <section style="margin-top:0px">
  4. <p style="padding-top:0px" align=center><span style="FONT: bold 60px/120% Microsoft YaHei; COLOR: #DCEAEA; text-shadow: 3px 3px 3px #800000; letter-spacing:10px">大标题</span></p>
  5. <p style="margin-top:20px; padding-left:60px; padding-right:60px" align=left><span style="FONT: bold 26px/140% kaiti; COLOR: #DCEAEA">背景图原宽850px，框内插图最大宽度不得大于680px。
  6. <br><br></span></p>
  7. <p style="padding-bottom:0px" align=center><img src="http://2img.net/h/i494.photobucket.com/albums/rr306/LIDIJA04/DIVIDERS/toow-11.gif" width=300></p>
  8. </section></section>
  9. <section style="margin-top:0px;"><section style="background-image:url('https://2img.net/h/image50.360doc.com/DownloadImg/2012/03/2922/22744442_85.jpg');background-color:#315150; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:30px">
  10. </section></section></div></center>
  11. <br><br>
複製代碼


作者: rainbow    時間: 2022-3-22 13:39

大标题

文字开始……。



作者: rainbow    時間: 2022-3-22 21:34

大标题

文字开始……。



作者: rainbow    時間: 2022-10-21 08:30

本帖最後由 rainbow 於 2022-10-21 08:45 編輯
背景图片原宽960，用 table 改为800宽，无法完整显示（左侧风筝被截掉了）。
 

 

 



  




改用section，缩小到800，仍可完整显示顶图。

大标题

作者


文字开始……。



  1. <center><div style="width:800px;background-color:#ddeedd"><section style="background-image:url('https://2img.net/h/img0.oldkids.cn/upload/12000/u11139/2011/03/29/blog_201103290951068.jpg');background-color:#ddeedd; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:141px"><p style="padding-top:40px" align=center><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #62AF60; text-shadow: 3px 3px 3px #003300; letter-spacing:20px">大标题</span></p></section><section style="margin-top:0px; background-color:#ddeedd; width:800px;"><section style="width:800px"></section>
  2. <p align=center><span style="FONT: normal 30px/140% Microsoft YaHei; COLOR: #006600; letter-spacing:5px">作者</span></p><br>
  3. </section><section style="margin-top:0px; background-color:#ddeedd; width:800px;"><section style="width:800px">
  4. <p style="padding-left:30px; padding-right:30px" align=left>
  5. <span style="FONT: bold 30px/140% kaiti; COLOR: #005500">文字开始……。<br><br></span></p></section></section>
  7. <section style="background-image:url('https://2img.net/h/2img.net/h/img0.oldkids.cn/upload/12000/u11139/2011/03/29/blog_201103290951035.jpg');background-color:#ddeedd; background-repeat:no-repeat;background-position: center top; background-size:cover; width:800px;height:183px; padding-bottom:-50px" align=right><section style="margin-bottom:0px"><img height="180" src="https://2img.net/h/img0.oldkids.cn/upload/12000/u11139/2011/03/29/blog_201103290951056.gif"  /></section></section>
  8. </div></center><br><br>
複製代碼


http://www.oldkids.cn/upload/12000/u11139/2011/03/29/blog_201103290951068.jpg http://www.oldkids.cn/upload/12000/u11139/2011/03/29/blog_201103290951035.jpg http://www.oldkids.cn/upload/12000/u11139/2011/03/29/blog_201103290951056.gif http://www.oldkids.cn/blog/blog_con.php?blogid=940149





歡迎光臨 老校友 (http://boanson.orzweb.net/) Powered by Discuz! 7.2