CSS样式表有非常强大的功能,调用CSS语句的各种滤镜属性和属值修饰图片边框,或编辑音画贴边框,可以得到精采的效果.先看两种贴图标签的不同效果.
(1)HTML贴图标签代码如下:
<INPUT src="http://bbs./UploadFile/2008-6/20086111653319630.jpg"type=image width=350 style="border:16px #0000ff double">
显示结果:
(2)套用样式表语句的HTML贴图代码如下:
<INPUT src="http://bbs./UploadFile/2008-6/20086111653319630.jpg"type=image width=350 style="border:25px #2828FF double">
◆style=套用CSS标记.
◆border:25px #2828FF double 双线边框语句,宽25点,蓝色.
显示结果(图片有蓝色双线边框):
(1)粒状阴影边框实例代码:
显示结果:
(2)邮票边框实例代码:
显示结果:
(3)图片圆形羽化实例代码:
◆圆形羽化的属性与参数是tyle="FILTER: alpha(opacity=100,style=2)".
◆如果须要矩形羽化,把羽化属性与参数改为style=3,即可.
圆形羽化图片显示结果:
(4)图片左右颠倒实例代码:
◆filter:fliph (向右)
◆fliph:filter (向左)
显示结果:
(5)立体阴影框实例代码:
显示结果:
(5)图片加短矩形边框实例代码:
显示结果:
(6)图片加立体边框实例代码:
显示结果: