代码学习群简易教程（32）

春天没来 2014-08-26

展开全文

切割图片边框的应用

在制作网页时，不少朋友喜欢应用边框。而切割图片边框就是一种漂亮的边框。

在网络中，我们可以收集到许多切割图片边框。但是，其中有不少的切割图片边框需要进行加工处理，不然的话，放入的网页内容就偏向一边了。

本节教程以几个切割图片边框为例，讲解一下切割图片边框的应用方法。

代码1：

<TABLE border=0 cellSpacing=0 cellPadding=5 width=872 background=http://image53.360doc.com/DownloadImg/2012/07/1110/25434798_11 align=center>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=1) mask(color=#0000ff) chroma(color=#0000ff)" align=center>
古典美女边框</TD></TR></TBODY></TABLE>
<DIV align=center>
<TABLE title=切割图片边框 border=0 cellSpacing=0 borderColor=#cccccc cellPadding=0 width=870 bgColor=#99ccff align=center>
<TBODY>
<TR>
<TD height=164 background=http://image64.360doc.com/DownloadImg/2013/09/0106/34894093_3.gif width=870></TD></TR>
<TR>
<TD height=157 background=http://image64.360doc.com/DownloadImg/2013/09/0106/34894093_4.gif width=870></TD></TR>
<TR>
<TD height=165 background=http://image64.360doc.com/DownloadImg/2013/09/0106/34894093_5.gif width=870></TD></TR>
<TR>
<TD background=http://image64.360doc.com/DownloadImg/2013/09/0106/34894093_6.gif width=870>
<DIV align=center>
<TABLE title=切割图片边框 border=3 cellSpacing=0 cellPadding=0 width=700 height=300>
<TBODY>
<TR>
<TD>
内容处</TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD height=127 background=http://image64.360doc.com/DownloadImg/2013/09/0106/34894093_7.gif width=870></TD></TR>
<TR>
<TD height=133 background=http://image64.360doc.com/DownloadImg/2013/09/0106/34894093_8.gif width=870></TD></TR></TBODY></TABLE></DIV>

上面的代码，是由六个切割图片组成的边框代码。

第一层表格是六行一列的表格，每一行的列标签中都设置了背景图片。背景图片是切割图片。

第一行列标签中的背景图片为：

第二行列标签中的背景图片为：

第三行列标签中的背景图片为：

第四行列标签中的背景图片为：

第五行列标签中的背景图片为：

第六行列标签中的背景图片为：

上面的背景图片，是缩小以后的图片。高度与宽度都是原背景图片的1/2。

第四行是放置网页内容的地方。在第四行的单元格中，要添加一套宽度较小的表格标签(700px左右)，以便放入网页内容。添加的这套表格标签，是第二层表格。

第二层表格代码如下：

第二层表格的宽度以多宽为宜？你可以设置边框线的宽度值（不为0）试试效果，通过测试，选择一个合适的宽度值。

如果不添加这套表格标签，放入的网页内容就会覆盖在背景图片上。

网络中搜索到的切割图片边框，往往没有这套表格标签，所以我们必须进行修改，把这套表格标签添加进去。

因为第二层表格的宽度为700px，所以，放入网页内容的宽度不能超过700px。如果超过了700px，表格就变形了。

表格发生变形的主要原因是放入的图片或者代码。图片的宽度超过700px，或者代码的宽度超过700px，而文字内容是不可能超过700px的。文字内容达到一定的宽度以后，是会自动换行的，而代码，特别是一个标签中的代码，是不会自动换行的。

代码2：

这的一款很美的切割图片边框。你放入内容观察一下其显示效果。

放入内容后的代码如下：

<TABLE title="春天没来收藏" border=0 cellSpacing=0 cellPadding=0 width=870 background=http://image58.360doc.com/DownloadImg/2013/01/0517/29402978_2.jpg bgColor=#00f200 align=center height=210>
<TBODY>
<TR>
<TD height=133 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_2.gif width=870></TD></TR>
<TR>
<TD height=387 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_3.gif width=870></TD></TR>
<TR>
<TD height=158 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_4.gif width=870>
<DIV align=center>
茶如知己，酒似红颜<?xml:namespace prefix = o /><o:p></o:p>
生命中，不断有人离开或进入。于是，看见的，看不见了；记住的，遗忘了。然而，看不见的是不是就等于不存在，记住的是不是永远不会消失……？  这一段，究竟是说知己？亦或是红颜？  很久以来都在思考这样一个问题。红颜与知己，究竟是否一体 ？ 
 经历了那一场“浩劫”，身心俱疲。  渐渐喜欢上淡茶的清幽。  记得以前，总是觉得惟有酒之烈才能表现我的心情  总是在落寞以后才发现，氤氲的暖气，更能带来恬静生活。  天气慢慢变冷了，发现自己变的更慵懒。常常只一杯绿茶，一本薄书，便能打发烂漫时光。有时候常自嘲，是否自己已经老了，老的需要用它挥霍青春。  在很久以前问过一个傻问题。问一个人，在心里，当我是什么呢？  答案是红颜知己？！  一直以为。浓烈的，馥郁的，燃烧，炙热。懂得，等待。便是知己。  狠狠的伤，带来冷冷的殇，于是发现，那不过是红颜，是一杯烈酒。滋味醇美，颜色绚目。可能，很长一段时间，会是一种舒缓情绪的寄托。然而，酒喝多了是会伤身的。再绚目的色彩，再浓郁的气息，都无法阻止，挥发，褪色。。  突然想要成为别人生命中的一杯茶，清冽，淡雅。或许几经冲泡，会变的越来越淡，或许会索然无味。然而，那贯彻一生的香气，让人总在不经意间想起。  于是有些矛盾，究竟是期望被记住？或者是该被遗忘？  或许，贪恋的亦只是一种气息。  在该遗忘的时候，被遗忘。在蓦然回首间，或许，在心里，会有一丝清冽的香气--曾经忆及。  或许，只是在生命中寻找一种间隙，为茶，为酒。为红颜，为知己，为了我，也为了曾经的你。。。  或许，我只是，突然贪恋绿茶的气息。。。 世界上总是将人分为男女两类，女人是茶叶，男人是开水，  少年时，女人这茶叶还没长熟，枝嫩叶嫩的，清新之中带有几分嫩黄，柔弱之时更透出一份坚定。而男人这壶水，此时还是待烧之状，不知何为开，不知何为沸？少年时的懵懂，青春洋溢着热情，羞涩中暗含着萌动。“我想看看女人是什么样的茶叶？”男人想着。“我可不愿让男人的脏水染坏了我！”女人想着。 恋爱时，女人就是花香四溢、清新脱俗的茉莉花茶，而男人就是煮得沸腾的开水。为了爱情的升腾，思恋的重逢，男人用沸腾的水来沏女人这杯浓香的茉莉花茶。一分狂热，三分激情，一杯香茶，十月忘情。男人为女人的茶而沸腾，女人为了男人的水而绽放幸福的花蕊。爱情是相思的酒，爱情是思恋的茶。女人望着男人说：“告诉我，你爱我有多深？”男人回答道：“亲爱的，我爱你犹如月亮爱星星，犹如枫林爱鸟鸣，犹如大海爱苍穹。” 结婚后，女人是苦丁茶，男人是凉白开。暗黄的茶叶在凉水中变得苦味愈浓。带孩子，洗尿布，上班，做饭……样样都需要女人和男人做。昔日美丽如花的女人被生活拖累得早早便成了干枯的苦丁，憔悴的面容已不再像茉莉花儿一样绽放了，旧日的激情在家的琐碎事务中，逐渐在凋零，在枯萎。男人，实话说，此时却更具男人味。成熟、潇洒、更具有对生活的几分热爱，几分执着，几分思索。那年的翩翩少年早已褪变成如今的居家男人，那时的沸腾着爱的心，早已被对工作的热情所占据。凉如白开水，却冲泡着生活中女人的苦丁，虽苦涩，但生活就是如此，家还需要这杯茶来装饰。男人说：“今天事忙，我可能又要加个班。”而女人说：“你忙吧，要不要我给你留些饭？” 年老时，女人是龙井，男人是烧开80度的水。龙井的甘甜与茶香都在这80度的水中绽放、蕴藏，愈品愈香，越喝越浓。生活正是如此，在经历了世间的风霜雨雪、悲欢离合之后，当我们都老到快走不动的时候，男人和女人肩并着肩，手拉着手，互相扶持，互相依靠。望着天也是蓝的，水也是清的，一切的一切都是甘甜而又清香的。当老人们都忘去了过去一年又一年的峥嵘岁月，忘去了人世间的是是与非非，忘去了你和我此刻的所有烦恼与忧愁。更忘去了男人、女人，忘去了昨天与今天……那壶沏好的龙井茶啊，男人的给女人喝一口，女人的给男人品一下。男人说：“老伴儿，这茶香吗？”女人回答道：“老头您沏的茶，永远都香！” 于是生活就这样继续，就这样反复，年年岁岁，岁岁年年，男人品着女人，女人品着男人。<o:p></o:p></DIV></TD></TR>
<TR>
<TD height=22 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_5.gif width=870></TD></TR></TBODY></TABLE>

哦？怎么效果不好啊？

是呀！放入的网页内容宽度太大啦！处理一下吧。

在第三行的单元格中添加一套宽度较小的表格标签吧。把要放入的网页内容放置到添加的表格标签的单元格中。

添加的一套表格标签如下：

添加了一套表格标签以后，再放入网页内容，现在的效果好啦！代码如下：

<TABLE title="春天没来收藏" border=0 cellSpacing=0 cellPadding=0 width=870 background=http://image58.360doc.com/DownloadImg/2013/01/0517/29402978_2.jpg bgColor=#00f200 align=center height=210>
<TBODY>
<TR>
<TD height=133 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_2.gif width=870></TD></TR>
<TR>
<TD height=387 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_3.gif width=870></TD></TR>
<TR>
<TD height=158 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_4.gif width=870>
<DIV align=center>
<TABLE title="春天没来收藏" border=0 cellSpacing=0 cellPadding=0 width=710 align=center height=210>
<TBODY>
<TR>
<TD>
茶如知己，酒似红颜<?xml:namespace prefix = o /><o:p></o:p>
 生命中，不断有人离开或进入。于是，看见的，看不见了；记住的，遗忘了。然而，看不见的是不是就等于不存在，记住的是不是永远不会消失……？  这一段，究竟是说知己？亦或是红颜？  很久以来都在思考这样一个问题。红颜与知己，究竟是否一体 ？ 
 经历了那一场“浩劫”，身心俱疲。  渐渐喜欢上淡茶的清幽。  记得以前，总是觉得惟有酒之烈才能表现我的心情  总是在落寞以后才发现，氤氲的暖气，更能带来恬静生活。  天气慢慢变冷了，发现自己变的更慵懒。常常只一杯绿茶，一本薄书，便能打发烂漫时光。有时候常自嘲，是否自己已经老了，老的需要用它挥霍青春。  在很久以前问过一个傻问题。问一个人，在心里，当我是什么呢？  答案是红颜知己？！  一直以为。浓烈的，馥郁的，燃烧，炙热。懂得，等待。便是知己。  狠狠的伤，带来冷冷的殇，于是发现，那不过是红颜，是一杯烈酒。滋味醇美，颜色绚目。可能，很长一段时间，会是一种舒缓情绪的寄托。然而，酒喝多了是会伤身的。再绚目的色彩，再浓郁的气息，都无法阻止，挥发，褪色。。  突然想要成为别人生命中的一杯茶，清冽，淡雅。或许几经冲泡，会变的越来越淡，或许会索然无味。然而，那贯彻一生的香气，让人总在不经意间想起。  于是有些矛盾，究竟是期望被记住？或者是该被遗忘？  或许，贪恋的亦只是一种气息。  在该遗忘的时候，被遗忘。在蓦然回首间，或许，在心里，会有一丝清冽的香气--曾经忆及。  或许，只是在生命中寻找一种间隙，为茶，为酒。为红颜，为知己，为了我，也为了曾经的你。。。  或许，我只是，突然贪恋绿茶的气息。。。 世界上总是将人分为男女两类，女人是茶叶，男人是开水，  少年时，女人这茶叶还没长熟，枝嫩叶嫩的，清新之中带有几分嫩黄，柔弱之时更透出一份坚定。而男人这壶水，此时还是待烧之状，不知何为开，不知何为沸？少年时的懵懂，青春洋溢着热情，羞涩中暗含着萌动。“我想看看女人是什么样的茶叶？”男人想着。“我可不愿让男人的脏水染坏了我！”女人想着。 恋爱时，女人就是花香四溢、清新脱俗的茉莉花茶，而男人就是煮得沸腾的开水。为了爱情的升腾，思恋的重逢，男人用沸腾的水来沏女人这杯浓香的茉莉花茶。一分狂热，三分激情，一杯香茶，十月忘情。男人为女人的茶而沸腾，女人为了男人的水而绽放幸福的花蕊。爱情是相思的酒，爱情是思恋的茶。女人望着男人说：“告诉我，你爱我有多深？”男人回答道：“亲爱的，我爱你犹如月亮爱星星，犹如枫林爱鸟鸣，犹如大海爱苍穹。” 结婚后，女人是苦丁茶，男人是凉白开。暗黄的茶叶在凉水中变得苦味愈浓。带孩子，洗尿布，上班，做饭……样样都需要女人和男人做。昔日美丽如花的女人被生活拖累得早早便成了干枯的苦丁，憔悴的面容已不再像茉莉花儿一样绽放了，旧日的激情在家的琐碎事务中，逐渐在凋零，在枯萎。男人，实话说，此时却更具男人味。成熟、潇洒、更具有对生活的几分热爱，几分执着，几分思索。那年的翩翩少年早已褪变成如今的居家男人，那时的沸腾着爱的心，早已被对工作的热情所占据。凉如白开水，却冲泡着生活中女人的苦丁，虽苦涩，但生活就是如此，家还需要这杯茶来装饰。男人说：“今天事忙，我可能又要加个班。”而女人说：“你忙吧，要不要我给你留些饭？” 年老时，女人是龙井，男人是烧开80度的水。龙井的甘甜与茶香都在这80度的水中绽放、蕴藏，愈品愈香，越喝越浓。生活正是如此，在经历了世间的风霜雨雪、悲欢离合之后，当我们都老到快走不动的时候，男人和女人肩并着肩，手拉着手，互相扶持，互相依靠。望着天也是蓝的，水也是清的，一切的一切都是甘甜而又清香的。当老人们都忘去了过去一年又一年的峥嵘岁月，忘去了人世间的是是与非非，忘去了你和我此刻的所有烦恼与忧愁。更忘去了男人、女人，忘去了昨天与今天……那壶沏好的龙井茶啊，男人的给女人喝一口，女人的给男人品一下。男人说：“老伴儿，这茶香吗？”女人回答道：“老头您沏的茶，永远都香！” 于是生活就这样继续，就这样反复，年年岁岁，岁岁年年，男人品着女人，女人品着男人。 </TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD height=22 background=http://image67.360doc.com/DownloadImg/2013/12/2823/37847117_5.gif width=870></TD></TR></TBODY></TABLE>

下面为你提供一些我收集的切割图片边框，供您制作网页时使用。

蓝天白云边框	相框边框	汨罗江的芳魂边框
画轴边框	古典美女边框	绿色边框
特漂亮的姑娘边框	笑容可掬边框	豪华边框
漂亮的轴画边框	漂亮的切割图片边框	荷花美女边框
大型切割图片边框	紫色的梦边框	大型切割图片边框2
梦桐疏影边框	祝贺生日边框	俏女人边框
梦江南边框	情人节边框	浪漫情人节边框
“八一”建军节边框	“八一”建军节边框2	“八一”建军节边框3
画中画边框	庆新春边框	“一人一心窗”边框
琵琶吟	景美人亦美	黑底切割图片边框
金黄色边框	大胸妹子爱煞人	红颜如梅
竹床美女容颜美	秋思	草绿色花纹边框
百年好合	镜中俏美女	漂亮的洋妞妞
美女如花	剪爱	待续
待续	待续	待续