三合一信纸

qianhong

大标题 文字开始……。

大标题

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

http://www.oldkids.cn/blog/view.php?bid=56413

蓝色

大标题 文字开始……。

大标题

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

http://www.oldkids.cn/blog/view.php?bid=54152

qianhong

大 标 题 文字开始……。

https://2img.net/h/i193.photobucket.com/albums/z91/wmy60/bg2/blue1_zpsytijfp0r.jpg (720x141) https://2img.net/h/i193.photobucket.com/albums/z91/wmy60/bg2/blue2_zpsztu0eywu.jpg https://2img.net/h/i193.photobucket.com/albums/z91/wmy60/bg2/blue3_zpskr9lbexn.jpg (720x183)

qianhong

大标题

文字开始

大标题

文字开始

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

  大标题

文字开始……。

  大标题

文字开始……。

qianhong

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

   用section制作三合一信纸

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

  这个边框的图片素材原宽度为920，用table制作的代码，若要把宽度缩小，必须先PS修改图片宽度，因此无法再用原图片网址。现改用section标签制作的代码，就可取用原图网址，任意放大缩小至所需宽度。

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

  大标题

文字开始……。

http://2img.net/h/img2.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409083559828701.jpg

http://2img.net/h/img4.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409083611550235.jpg

http://2img.net/h/img2.oldkids.cn/upload/9000/u7276/2012/04/09/blog_20120409083630211142.jpg

qianhong

文字开始……。

qianhong

大标题

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

http://www.360doc.com/content/13/1208/03/13573292_335360355.shtml

qianhong

大标题

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

qianhong

大标题

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

qianhong

大标题

文字开始文字开始文字开始文字开始文字开始文字开始文字开始……。

qianhong

大标题

文字开始……。

宽度710px :

qianhong

大标题

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

大标题

此背景图原宽只有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">此背景图原宽只有690px，今用代码将其用以制作成800宽的三合一边框。
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_25.jpg" style="transform: scaleY(-1);-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-ms-transform: scaleY(-1);-o-transform: scaleX(-Y);width: 100%;"></p></section></section></div></center>
4. <br><br>

复制代码

850宽
http://www.360doc.com/content/12/0329/22/2407678_199100192.shtml http://image50.360doc.com/DownloadImg/2012/03/2922/22744442_56.jpg
http://image50.360doc.com/DownloadImg/2012/03/2922/22744442_57.jpg
http://image50.360doc.com/DownloadImg/2012/03/2922/22744442_58.jpg

qianhong

大 标 题 文字开始……。

http://home.comcast.net/~marysquilt/Lesson18.html

qianhong

图片原宽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

qianhong

qianhong

大标题

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

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

qianhong

大标题    文字开始……。

http://www.oldkids.cn/blog/blog_con.php?blogid=774798

qianhong

大标题

  文字开始……。

http://www.oldkids.cn/blog/blog_con.php?uid=11139&blogid=1055107

qianhong

大标题

文字开始……。

qianhong

大标题   文字从这里开始写……。 5-12-2017

qianhong

大标题

  文字从这里开始写……。

5-12-2017