图片边框制作 |
一、博文介绍 |
HTML日志边框代码其实就是HTML表格的制作,通过色彩、图片、css修饰方式进行表格的嵌套。
HTML边框大概分三种: A:纯色彩色边框。 B:图片边框。 C:CSS语言边框。
相关博文链接:
|
二、图片边框制作 |
1、用图片作单层图框(背景图像属性background+边框色属性borderColor) |
<TABLE borderColor=#990000 cellSpacing=10 cellPadding=10 width="800 "height="330" align=center background=http://img238.ph.126.net/zqz8i9-gRcIMRenF-zOJ5w==/1422293057320140745.jpg border=10>
|
属性说明: bgColor属性替换为background属性既可,添加所需图片地址。 上述属性相关博文链接:HTML表格标记详解1:标签定义 TABLE参数设定
|
效果如下: |
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明 flash动画)。 |
2、双层图框代码(背景图像属性background+边框色属性borderColor) |
<TABLE borderColor=#990000 cellSpacing=10 cellPadding=5 width="800 "height="330" align=center background=http://img238.ph.126.net/zqz8i9-gRcIMRenF-zOJ5w==/1422293057320140745.jpg border=15> background=http://img74.ph.126.net/rgCwyYUmWac3l9PxA0h-WQ==/850898854597086738.jpg border=5>
|
属性说明: 当cellPadding的值为0时,文本紧靠内边框。
上述属性相关博文链接:HTML表格标记详解1:标签定义 TABLE参数设定
|
效果如下: |
|
3、多层图框代码(背景图像属性background) |
说明: 上述代码是背景图像属性和边框色属性的结合边框,在这里着重介绍单一背景图像属性的。 border是表格的边框属性,主要调解边框的宽度,当border的值为0时,只体现图片边框的颜色,进行多次嵌套表格。 在这里不需要borderColor边框色属性,去掉边框色属性。 通过调节cellSpacing单元格间距属性、cellPadding单元格边距属性的值,来控制边框的宽度。
代码: <TABLE height=330 cellSpacing=10 cellPadding=20 width=800 align=center background=http://img843.ph.126.net/nGkgwRtcMvJvGoooPR3n3A==/881579627057814443.gif border=0> background=http://img74.ph.126.net/D1ENdqG9NxC5s1Dz2AAgeA==/852024754503890808.gif border=0> background=http://img12.bimg.126.net/photo/DvY8Pt1DV0GRPSI_f9uByQ==/3395995594014527410.jpg border=0> </TD></TR></TBODY></TABLE>
|
效果如下: |
|
|
评论