【墨梅冷阁】HTML代码音画初级教程之：大图背景加底成框

空间教程

 

HTML代码音画初级教程之：大图背景加底成框

  

 教程原创：墨梅冷阁    授课教师：****

 

 

1.第一张图的地址（点击可得地址）

 

 
图片

 

 

2.第二张图的地址（点击可得地址）

 
图片

 

3.第三张图的地址（点击可得地址）

http://b211.photo.store.qq.com/psu?/4d67c97e-781d-4074-bb13-8ecc43372c49/Tf74qkG1DJpCpB1fzD9on1rOSpPeITkENWCId75WcZc!/b/YfO2y33baAAAYnUex301aAAA

 

4.代码为：

 

 

<TABLE style="BACKGROUND-IMAGE: url(这里放图地址一)" borderColor=#cccccc

cellSpacing=50 cellPadding=50 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(这里放图地址二)" borderColor=#cccccc

cellSpacing=13 cellPadding=13 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(这里放图地址三)" borderColor=#cccccc

cellSpacing=10 cellPadding=10 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
<P></P>

 上面的代码尺寸我加以改动成现在大家看到的这个边框

5.请放好图地址，效果图已发表。请在下面自选素材拼成边

 

框！作业合格方可进入一下课程之：代码音乐动画贴！

 

 

图片图片图片图片

图片图片图片

图片图片图片

图片图片图片


 

图片图片图片图片

图片图片图片图片图片

图片图片图片




图片图片图片图片

图片图片图片图片

文章评论

丹顶鹤

[ft=,5,]谢谢老师！[em]e183[/em][em]e160[/em][/ft]

慧心笑

[ft=#ff0000,4,楷体_gb2312][B]祝哥哥教师节快乐！辛勤的付出会有丰厚的回报！[/B][/ft]

西狼

[ft=,2,]硬汉大哥狼弟感谢您 在这里留下佳节祝福 永远开心快乐[/ft]

西狼

也祈愿好人一生平安[em]e160[/em]

愉悦

[ft=#ff0000,2,]哥哥~中秋节快乐！[url=http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=ec8d8a810e9e9d23175729eec123444bd280c306207fc9743809226842696f7fdec73545d2685c149d3ebc4df799f2a6ccae652e9996d5d0cbc8713915be9c088edec3525574736c58361029fc7bc3734d0baa3c&ampa=82&ampb=82][img]http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=ec8d8a810e9e9d23175729eec123444bd280c306207fc9743809226842696f7fdec73545d2685c149d3ebc4df799f2a6ccae652e9996d5d0cbc8713915be9c088edec3525574736c58361029fc7bc3734d0baa3c&ampa=82&ampb=82[/img][/url][em]e192[/em][/ft]

そ①笑蘫梦

[M][url=http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d0fb030aded2cbf9b1201903dbbfb8ca9df112f71a0c3a7812a2cafde1c47f8a84f18bc454280b8027747ebdfc4dd4aa00d4be0649b6b219efe04b03b88cd99798ca8542e87eae2a620b640cdeda83db1ba16616&ampa=82&ampb=82][img,297,308]http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d0fb030aded2cbf9b1201903dbbfb8ca9df112f71a0c3a7812a2cafde1c47f8a84f18bc454280b8027747ebdfc4dd4aa00d4be0649b6b219efe04b03b88cd99798ca8542e87eae2a620b640cdeda83db1ba16616&ampa=82&ampb=82[/img][/url][/M]

そ①笑蘫梦

[M][url=http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d0fb030aded2cbf9b1201903dbbfb8ca9df112f71a0c3a7812a2cafde1c47f8a84f18bc454280b8027747ebdfc4dd4aa00d4be0649b6b219efe04b03b88cd99798ca8542e87eae2a620b640cdeda83db1ba16616&ampa=82&ampb=82][img,297,308]http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d0fb030aded2cbf9b1201903dbbfb8ca9df112f71a0c3a7812a2cafde1c47f8a84f18bc454280b8027747ebdfc4dd4aa00d4be0649b6b219efe04b03b88cd99798ca8542e87eae2a620b640cdeda83db1ba16616&ampa=82&ampb=82[/img][/url][/M]

そ①笑蘫梦

[M][url=http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d0fb030aded2cbf9b1201903dbbfb8ca9df112f71a0c3a7812a2cafde1c47f8a84f18bc454280b8027747ebdfc4dd4aa00d4be0649b6b219efe04b03b88cd99798ca8542e87eae2a620b640cdeda83db1ba16616&ampa=82&ampb=82][img,297,308]http://b82.photo.store.qq.com/http_imgload.cgi?/rurl4_b=d0fb030aded2cbf9b1201903dbbfb8ca9df112f71a0c3a7812a2cafde1c47f8a84f18bc454280b8027747ebdfc4dd4aa00d4be0649b6b219efe04b03b88cd99798ca8542e87eae2a620b640cdeda83db1ba16616&ampa=82&ampb=82[/img][/url][/M]

愉悦

[ft=#ff0033,2,]祝哥哥国庆节日快乐！[em]e177[/em][em]e198[/em][em]e177[/em][em]e198[/em][em]e177[/em][/ft]

愉悦

[M][url=http://b79.photo.store.qq.com/psu?/V11KB8XW0aE9A6/vCee*F1a0fYvHMEU9PND9s5fbV3kzGmM2FcxL2LH5V0!/b/YU4JGy9ahwAAYs2KGS.0iwAA][img]http://b79.photo.store.qq.com/psu?/V11KB8XW0aE9A6/vCee*F1a0fYvHMEU9PND9s5fbV3kzGmM2FcxL2LH5V0!/b/YU4JGy9ahwAAYs2KGS.0iwAA&ek=1&kp=1&pt=0&su=0208232865&sce=0-12-12&rf=2-9[/img][/url][/M]

拖 /ht拖

[M][em]e179[/em][em]e160[/em][/M] [M]给宝送来深秋金色的祝福...快乐依旧....牵念如昔[/M]

メ殇の蔷薇ゞ【淡网】

[M][M][M][/M] [M] [M][url=http://b85.photo.store.qq.com/psb?/6f858170-6456-4263-bf1d-6b94c011a8e8/ab2RHVTUk9oUPZLDumDz8VTc7S5R4..qmeOXdnguIAM!/b/YdWstDLQIgAAYlwKrTL4IgAA][img,280,60]http://b85.photo.store.qq.com/psb?/6f858170-6456-4263-bf1d-6b94c011a8e8/ab2RHVTUk9oUPZLDumDz8VTc7S5R4..qmeOXdnguIAM!/b/YdWstDLQIgAAYlwKrTL4IgAA&ek=1&kp=1&pt=0&su=0110691873&sce=0-12-12&rf=2-9[/img][/url] [/M] [M] [/M] [M] [/M] [/M] [/M] [/M]

素雅百合

[M] [url=http://b85.photo.store.qq.com/psb?/6f858170-6456-4263-bf1d-6b94c011a8e8/ab2RHVTUk9oUPZLDumDz8VTc7S5R4..qmeOXdnguIAM!/b/YdWstDLQIgAAYlwKrTL4IgAA][img,280,60]http://b85.photo.store.qq.com/psb?/6f858170-6456-4263-bf1d-6b94c011a8e8/ab2RHVTUk9oUPZLDumDz8VTc7S5R4..qmeOXdnguIAM!/b/YdWstDLQIgAAYlwKrTL4IgAA&ek=1&kp=1&pt=0&su=0110691873&sce=0-12-12&rf=2-9[/img][/url][/M]