中国人保集团董事成员:怎样给图片加框

来源:百度文库 编辑:偶看新闻 时间:2024/04/26 00:45:17
一、图片加框 代码:
align=center background=http://download.huabao.net/entertainment/imglib/
01/010702b2.jpg>


"http://www.616bbs.com/picture/xx9/xbk/142.gif">




红色部分为图片地址,蓝色部分为像框地址,可以随意更换.
二、边框图代码:
代码:


http://ent.dahew.com/category/20002/2005/11/19/
images/20002_20051119_50.jpg  height=450>






http://ent.dahew.com/category/20002/2005/11/19/
images/20002_20051119_50.jpg 红色部分是图片地址,
可以换成你喜欢的图片
width=350 height=450 蓝色部分为图片的长度和宽度,更换
数据可以调整图片的大小
三、代码加框图例:
1. 图片单边框的代码:
src="http://img.blog.163.com/photo/OUa72v1R9DwKR9_WLIjRzw==/434878839018589854.jpg" style="border:3 solid #ff0000">

2.图片双边框的代码:
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw
==/441071288506581502.jpg" style="border:5 double green">

3.立体镜框的代码(一):
photo/c7HKQ31v2kytvwnmIHABHw==/441071288506581502.jpg
style="border:25 outset #ff88ff">

4.立体镜框的代码(二):
src="http://img.blog.163.com/photo/c7HKQ31v2kytvwnmIHABHw
==/441071288506581502.jpg" style="border:25 inset #ff88ff">

5.虚线框的代码:
style="border:4 dashed #ff0000">

6.凹槽框的代码:
style="border:25 groove green" border="0">

7.脊状框的代码:
style="border:25 ridge green" border="0">

四、全屏FLASH代码:
注意:&要换成小写&

或者

代码1:



width=410 background=http://www.51it.org/zz/
UploadFiles_7131/200603/200639173950545.jpg
height=490>






代码2:
cellPadding=1 border=6>


width=500>

紫色部分为边框的颜色,可以更换你喜欢的边框颜色
蓝色部分为图片的宽度和长度,可以减少或增加数据来调整图片的大小
红色部分为图片地址,可以更换你喜欢的图片地址。
代码3:
cellPadding=1 border=6>




代码4:
cellPadding=1 border=6>




五、图片加框代码如下:(去除星号)
1、单线框
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:3 solid #ff0000"><*br><*br><*br><*/center>
2、双线框
<*center>
<*img src="http://xymusic.bbs.topzj.com/attachments//
16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:5 double green"><*br><*br><*br><*/center>
3、凸出框
<*center>
<*img src="http://xymusic.bbs.topzj.com/attachments
/16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:25 outset #ff88ff"><*br><*br><*br><*/center>
4、凹进框
<*center>
<*img src="http://xymusic.bbs.topzj.com/attachments//
16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:25 inset #ff88ff"><*br>*
<*br><*/center>
5、邮票框
<*center>
<*table style="border:3 dashed #f6ae56" cellspacing
="5" cellpadding="0" bgcolor="#f6ae56"><*tr><*td bgcolor
="#aeffae" width=600 height=450 align=center valign
=middle><*img src="http://xymusic.bbs.topzj.com/
attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg">
<*/td><*/tr><*/table><*/center>
6、虚线框
<*center>
<*img src="http://xymusic.bbs.topzj.com/attachments//
16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:4 dashed #ff0000"><*br><*br><*br><*/center>
7、凹槽框
<*center>
<*img src="http://xymusic.bbs.topzj.com/attachments//
16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:25 groove green" border="0">
<*br><*br><*br><*/center>
8、脊状框
<*center>
<*img src="http://xymusic.bbs.topzj.com/attachments//
16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="border:25 ridge green" border="0">
<*br><*br><*br><*/center>
9、立体阴影框
<*center>
<*table width=400 height=400 border=2 cellpadding="15"
cellspacing="3" style="filter:progid:DXImageTransform.
Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)">
<*tr><*td bgcolor="#ffffff" align=center valign=middle>
<*img src="http://xymusic.bbs.topzj.com/attachments//
16/2/162/day_050226/2_drYYm44DCHjZ.jpg">
<*/td><*/tr><*/table><*/center>
10、阴影框
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="filter:shadow(color=#32cd32)"><*/center>
11、横向渐变透明
<*center><*img src="http://xymusic.bbs.
topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,
style=1,finishopacity=0)">
12、圆形渐变透明
<*center><*img src="http://xymusic.bbs.
topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,
style=2,finishopacity=0)"><*/center>
13、X形渐变透明
<*center><*img src="http://xymusic.bbs.
topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter=alpha(opacity=100,
style=3,finishopacity=0)"><*/center>
14、改变某种颜色
<*center><*img src="http://xymusic.bbs.
topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg"style="FILTER: Chroma
(Color=#13629f)"><*/center>
15、黑白效果
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter:'gray'"><*/center>
16、X光效果(底片)
<*center><*img src="http://xymusic.bbs.
topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter:'xray'"><*/center>
17、浮雕效果
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="filter:progid:DXImageTransform.Microsoft.Emboss()">
<*/center>
18、上下颠倒
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="filter:flipv">
19、左右颠倒
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="filter:fliph"><*/center>
20、色彩颠倒
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.jpg"
style="filter:invert"><*/center>
21、粒状阴影
<*center><*img src="http://xymusic.bbs.
topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter:progid:DXImageTransform.
Microsoft.Glow(color=#cc8888,strength=30)"><*/center>
22、模糊效果
<*center><*img src="http://xymusic.bbs.topzj.
com/attachments//16/2/162/day_050226/2_drYYm44DCHjZ.
jpg" style="filter:progid:DXImageTransform.Microsoft.Blur
(PixelRadius=10)"><*/center>
23、水波效果(风吹)
<*center><*img src="http://xymusic.
bbs.topzj.com/attachments//16/2/162/day_050226/2
_drYYm44DCHjZ.jpg" style="filter:wave(freq=11, strength=4,
phase=6, lightstrength=10)"><*/center>这些效果单独看起来没啥
显眼,但如果与其他代码结合起来,如JS等,再加上巧妙的构思,
一定会使你的帖子精彩起来。因为不管多么复杂的页面都是由它
们组合而成的。
六、在图片上添加滚动文字框的代码
代码:








B


L


O


G










发表文章时点下面的“源码”,然后把代码复制粘贴,再点设计,然后在框内写文章即可。红色的是图片地址,蓝色的是写字框靠左或靠右,“WIDTH”和“HEIGHT”是背景图片和写字框的大小,背景图片一般为图片的实际尺寸,写字框可以在“设计”状态下拖动箭头进行修改。
七、用代码给图片加透明框
代码如下:

style="position: absolute; top: 0px; left: 0px">

八、文字边框:
1.两层
加入内容
内容部分
加入内容
代码:
一、边框:
1.两层


bgColor=#000000 border=1>



bgColor=#660066 border=0>


加入内容


width=450 bgColor=#000000 border=1>
width=450 bgColor=#000000 border=1>
内容部分




align=center background=http://pugongyingw.51.net/image/
bj/10.jpg border=5>


加入内容