网易博客留言栏中的表格代码
一、最简的贴图表格代码
二、添加背景(边框)的代码及方法
背景(边框)的代码:
<TABLE title="<0>"style="BACKGROUND-IMAGE: url(图片地址); WIDTH: 宽度px; HEIGHT: 高度px"align=对齐>
<TBODY>
<TR>
<TD align=对齐>
<DIV title="<0>"style="BACKGROUND-IMAGE: url(图片地址); WIDTH: 宽度px; HEIGHT: 高度px"></DIV>
</TD></TR></TBODY></TABLE>
图片、边框的设置:
图片位置,在默认的情况下是在表格中的左上方,调整的方法是:
水平方向:align="对齐" left 左 center 中 right 右,或 用不断行空白 “ ”;
垂直方向:用<br>、<p></p>、 <p> </p>调整。
边框宽度,等于边框图的宽、高分别减去图片的宽、高再除2。
三、添加背景(边框)的实例
实例1、 添加背景
背景图片地址:http://img.blog.163.com/photo/DirQcc_lIiKzFaHRMiBWYw==/331014572612166729.jpg
背景图片大小:564×366
图片地址:http://img.blog.163.com/photo/4qBD1tkkkiaj7Y5D8FSmPQ==/1740078306025807585.jpg
图片大小:382×76
代码: <TABLE title="<0>"style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/DirQcc_lIiKzFaHRMiBWYw==/331014572612166729.jpg); WIDTH: 382px; HEIGHT:366px"><TBODY><TR><TD vAlign=top align=middle><DIV title="<0>"style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/4qBD1tkkkiaj7Y5D8FSmPQ==/1740078306025807585.jpg); WIDTH: 382px; HEIGHT: 120px"></DIV></TD></TR></TBODY></TABLE>
|
实例2、添加边框
边框图片地址:http://img.bimg.126.net/photo/J1dgv8J6RaUt1kEK463nFA==/3983433870409814467.jpg
图片地址: http://img.blog.163.com/photo/AqS6IZQrvVnCxOMjjTu5pA==/2616872858479539836.jpg
图片大小: 450×325
代码: <TABLE title="<0>"style="BACKGROUND-IMAGE: url(http://img.bimg.126.net/photo/J1dgv8J6RaUt1kEK463nFA==/3983433870409814467.jpg); WIDTH: 490 px; HEIGHT: 365px"><TBODY><TR><TD align=middle><DIV title="<0>"style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/AqS6IZQrvVnCxOMjjTu5pA==/2616872858479539836.jpg); WIDTH: 450px; HEIGHT: 325px"></DIV></TD></TR></TBODY></TABLE>
实例3、 添加背景和边框
边框图片地址:http://img.bimg.126.net/photo/J1dgv8J6RaUt1kEK463nFA==/3983433870409814467.jpg
背景图片地址:http://img.blog.163.com/photo/_curaaoysDxxerldPhGNKw==/3423017191779114475.jpg
背景图片大小:478×331
图片地址:http://img.blog.163.com/photo/nfDip_p4MY4EtJ7yX52zqg==/3735454415927403370.jpg
图片大小: 93×141
代码: <TABLE title="<0>"style="BACKGROUND-IMAGE: url(http://img.bimg.126.net/photo/J1dgv8J6RaUt1kEK463nFA==/3983433870409814467.jpg); WIDTH: 478 px; HEIGHT:331px"><TBODY><TR><TD align=middle> <TABLE title="<0>"style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/_curaaoysDxxerldPhGNKw==/3423017191779114475.jpg); WIDTH: 440px; HEIGHT:300px"><TBODY><TR><TD><BR><BR><BR><BR><BR><BR><BR>
<DIV title="<0>"style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/nfDip_p4MY4EtJ7yX52zqg==/3735454415927403370.jpg); WIDTH:440px; HEIGHT:141px"></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
|
相关连接:网易博客留言贴图新技巧(一)
评论