背景实例:
1、
代码:
<table height="530" cellSpacing="5" width="358" background="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" border="1"> <tbody> <tr> <td> </td> </tr> </tbody></table>
说明:
border="1" 边框粗细
width="358" 边框宽度
height="530" 边框高度
cellspacing="5" 单元格间距
注意:当选用大型图片做背景时,边框须符合图片的大小。(可右击图片属性查看)
背景实例2、
๑۩۞۩๑❤●•۰幽の魔法素材屋。-‿◕。
<table height="530" cellSpacing="5" width="358" background="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" border="1"> <tbody> <tr> <td>๑۩۞۩๑❤●•۰幽の魔法素材屋。-‿◕。</td> </tr> </tbody></table>
背景效果3、
<table height="500" cellSpacing="5" width="350" background="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885481_4390.gif" border="4" bordercolorlight="#9999FF" bordercolor="#6600CC" bordercolordark="#6600CC" > <tbody> <tr> <td> <p align="center"><img border="0" src="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885522_4390.jpg"> </td> </tr> </tbody></table>
border="4" :边框粗细
bordercolor="#6600CC":边框颜色
bordercolorlight="#9999FF" :亮边框颜色
bordercolordark="#6600CC" :暗边框颜色
背景效果4、
双层背景:
<table background="http://imgphoto.21cn.com/albums/photos/forum_picture/00/01/1084345545_4325.gif'" width="500" height="800" cellSpacing="5" border="1"><tr><td><center><table height="500" cellSpacing="5" width="350" background="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885481_4390.gif" border="4" bordercolorlight="#9999FF" bordercolor="#6600CC" bordercolordark="#6600CC"> <tbody> <tr> <td> <p align="center"><img border="0" src="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885522_4390.jpg"> </td> </tr> </tbody></table></td></tr></table>
其实这样的效果在熟练运用单层背景后可以发现,仅仅是table的不断嵌套,不难。
其实这样的效果在熟练运用单层背景后可以发现,仅仅是table的不断嵌套,不难~!
蓝色为图片地址~!
댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인
Windows Live ID가 없으신가요? 등록