登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

缩小图片,图片边框代码  

2008-11-24 17:53:18|  分类: 博客秘籍 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 http://shujin9888.blog.163.com

 

引用

玫瑰夫人 的 缩小图片,图片边框代码

缩小图片的代码:

很多朋友都有这样的问题,就是有时候想给朋友们看张照片或者是图片.但是图片太大.所以打开速度很慢或者无法在博客完全显示.现在这个代码就可以免去大家的烦恼了

比如我有一张大的图片

我用好代码后的效果就是

缩小图片,图片边框代码 - 书金 - 书金的博客点击放大

 

代码:

<a href="大图片地址" target="_blank"><img src="还是大图片地址" width="50" height="50">点击放大</a>

好了希望对大家有用吧

 

==========

1.简单线框

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

border:5 代表边框宽度  #ffCCCC是颜色代码,代表浅粉色。

更多的颜色代码可以查看取色板:

http://www.blog.163.com/xxyy9090/blog/static/45648520068189419358

 

 

缩小图片,图片边框代码 - 书金 - 书金的博客

 

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">

 

==========

水中倒影:

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

缩小图片,图片边框代码 - 书金 - 书金的博客

缩小图片,图片边框代码 - 书金 - 书金的博客宽和高根据自己图片修改

 

 

 

 

 

  评论这张
 
阅读(290)| 评论(0)

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018