免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
1234
返回列表 發帖

Rank: 1
25# 跳轉到 »
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>
複製代碼

TOP

Rank: 1
24#
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>
複製代碼

TOP

Rank: 1
23#
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>
複製代碼

TOP

Rank: 1
22#
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>
複製代碼

TOP

Rank: 1
21#
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>
複製代碼

TOP

Rank: 1
20#
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>
複製代碼

TOP

Rank: 1
19#
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>
複製代碼

TOP

Rank: 1
18#
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>
複製代碼

TOP

Rank: 1
17#
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

TOP

Rank: 1
16#
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>
複製代碼

TOP

Rank: 1
15#
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>
複製代碼

TOP

Rank: 1
14#
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>
複製代碼

TOP

Rank: 1
13#
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>
複製代碼

TOP

Rank: 1
12#
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>
複製代碼

TOP

Rank: 1
11#
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>
複製代碼

TOP

1234
返回列表