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

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

TOP

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

TOP

Rank: 1
33#
rainbow發表於 2021-5-2 13:18 | 只看該作者
本帖最後由 rainbow 於 2021-5-2 13:22 編輯

大标题

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





TOP

Rank: 1
34#
rainbow發表於 2021-5-2 14:08 | 只看該作者
本帖最後由 rainbow 於 2021-5-2 14:22 編輯

大标题

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





TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

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

TOP

1234
返回列表