萧淑华:学习笔记——图片加边框
来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 10:09:43
多福老人欢迎您
http://qwp43.360doc.com
图片加边框
可有两种方法;
1)利用表格;
2)利用图框钻专用代码
下面是一张带框的图片
代码是
说明:
border="6" 表示外格线的宽度
cellspacing="12" 表示格线间的宽度
cellPadding=10 表示内格线至图片的距离
borderColor=#841A00 边框色彩
利用图框钻专用代码加边框
图框的种类
solid 单边框
double 双边框
outset 立体镜框
inset 立体镜框
dashed 虚线框
outset 凸出框
inset 凹进框
dashed 邮票框
groove 凹槽框
ridge 脊状框
1.单线框
设定格线的宽度border:3
色彩#ff0000
单线框solid
效果:
2.双线框
设定格线的宽度border:5
色彩green
双线框double
效果:
3.凸出框
设定格线的宽度border:25
色彩#ff88ff
凸出框outset
效果:
4.凹进框
设定格线的宽度border:25
色彩#ff88ff
凹进框inset
效果:
5.邮票框
设定格线的宽度border:3
色彩#f6ae56
.邮票框dashed
cellspacing="5"
cellpadding="0"
bgcolor="#f6ae56
代码
(对边框的设置)
效果:
6.虚线框
设定格线的宽度border:4
色彩#ff0000
虚线框 dashed
效果:
7.凹槽框
设定格线的宽度border:25
色彩green
凹槽框groove
效果:
8.脊状框
设定格线的宽度border:25
色彩green
脊状框ridge
效果:
9.立体阴影框
style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
效果:
10阴影框
http://qwp43.360doc.com
图片加边框
可有两种方法;
1)利用表格;
2)利用图框钻专用代码
下面是一张带框的图片
代码是
说明:
border="6" 表示外格线的宽度
cellspacing="12" 表示格线间的宽度
cellPadding=10 表示内格线至图片的距离
borderColor=#841A00 边框色彩
利用图框钻专用代码加边框
图框的种类
solid 单边框
double 双边框
outset 立体镜框
inset 立体镜框
dashed 虚线框
outset 凸出框
inset 凹进框
dashed 邮票框
groove 凹槽框
ridge 脊状框
1.单线框
设定格线的宽度border:3
色彩#ff0000
单线框solid
效果:
2.双线框
设定格线的宽度border:5
色彩green
双线框double
效果:
3.凸出框
设定格线的宽度border:25
色彩#ff88ff
凸出框outset
效果:
4.凹进框
设定格线的宽度border:25
色彩#ff88ff
凹进框inset
效果:
5.邮票框
设定格线的宽度border:3
色彩#f6ae56
.邮票框dashed
cellspacing="5"
cellpadding="0"
bgcolor="#f6ae56
代码
bgcolor="#aeffae" width=533 height=399 align=center valign=middle>(对框内内容的设置) |
效果:
6.虚线框
设定格线的宽度border:4
色彩#ff0000
虚线框 dashed
效果:
7.凹槽框
设定格线的宽度border:25
色彩green
凹槽框groove
效果:
8.脊状框
设定格线的宽度border:25
色彩green
脊状框ridge
效果:
9.立体阴影框
(对框内内容的设置) |
效果:
10阴影框
学习笔记——图片加边框
学习笔记——给图片加框的代码:(摘自网易博客小小的日志)
学习笔记——香儿边框分析
学习笔记——图片右边+文字
学习笔记——图片添加文字
学习笔记——图片的添加
学习笔记——HTML图片(Images)
学习笔记——插入图片练习
html代码——给图片加边框代码
U5教程——给图片加动态边框
html代码——给图片加边框代码
—在线给图片加边框和背景相册制作
给图片加边框
图片加边框代码
图片加边框代码
学习笔记——图片右移练习
学习笔记——多图片向上方向滚动
学习笔记——多图片向上方向滚动2
学习笔记——多图片向上方向滚动1
学习笔记——图片+滚动字+flash
学习笔记——图片防被盗代码
学习笔记——Flash音画加入图片的代码
学习笔记——图片添加透明动画
学习笔记——图片添加透明动画
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网