在网页中为图片加边框

图片加框其实很简单,在发表文章页面钩选“显示源代码”,挑选一个下列喜欢的代码插入<DIV>中,再取消“显示源代码”,画框就有了。“图片地址”可以在网页的图片上点右键查看“属性”得到,应该不要再加详述了吧。需要说明的是在代码中,“border”确定边框宽度,“ #ffCCCC”是颜色代码,它代表浅粉色,更多的颜色代码可以查看取色板.

1、简单线框

<img src="图片地址" style="border:5 solid #ffCCCC">

2、双线框

<img src="图片地址" style=" border:7 double #666FF">

3、虚线框

<img src="图片地址" style=" border:3 dashed #990000">

4、凸出框:

<img src="图片地址" style="border:10 outset #CCCCFF">

5、嵌入框:

<img src="图片地址" style="border:15 inset #ff9900">

6、脊状框:

<img src="图片地址" style="border:15 ridge #33FF66">

7、凹槽框

<img src="图片地址" style="border:15   groove #CC6666">

8、粒状阴影框

<img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">