如何给图片加上各种边框的特效代码

如何给图片加上各种边框的特效代码
如何给图片加上各种边框的特效代码

如何给图片加上各种边框的特效代码【1】

1.单边框

效果如下

2、双边框

效果如下

3、立体镜框(一)

效果如下

4、立体镜框(二)

效果如下

5、虚线框

效果如下

6、凹槽框

效果如下

7.脊状边框效果




效果如下

8、多层虚线边框效果

效果如下10多层点虚线边框

px="px" ff="ff" border-right:="border-right:" dotted="dotted" border-bottom:="border-bottom:" border-left:="border-left:" border-top:="border-top:" align="center" border="0>

效果如下

11多层虚线效果

border=0 cellSpacing=0 cellPadding=0 align=center>

fakesize="1">

color=#0000ff>

如何给图片加上各种边框的特效代码【2】

12 邮票图片特效代码

bgcolor="#f6ae56">

valign=middle>

【注;width=600 height=450 可以改动数字大小】效果如下

13多层点虚线边框效果

效果如下14 立体阴影框

style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:1 5)">

效果如下

15阴影框



效果如下16发光边框特效

style="FILTER:progid:DXImageTransform.Microsoft.Glow(Color=#987cb9,Strength=10)" src="图片地址" width=400>

(Color=颜色;Strength=强度)效果如下

17圆形渐变透明

效果如下

18X形渐变透明

效果如下

网页特效CSS大全

HTML网页特效CSS大全 css属性代码大全 一CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性: list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/

dreamweaver图片展示特效代码

6

js脚本结束 4。简单的页面加密