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

高雅女人网易博客

任何的限制,都是从自己的内心开始的。

 
 
 

日志

 
 

【转载】图片+相框的制作方法  

2015-04-13 19:50:33|  分类: 【博客素材大全】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自hdly006502《图片+相框的制作方法》

1、简单边框:
  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客   

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style="border:5 solid #ffCCCC">

語法
 <img src="圖片地址" style="border:相框寬度 solid 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

2、双边框效果图:
  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客   

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style=" border:7 double #666FF"> 

語法
 <img src="圖片地址" style=" border:相框寬度 double 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

3、虚线边框效果图:
  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客  

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style=" border:3 dashed #990000">  

語法
 <img src="圖片地址" style=" border:相框寬度 dashed 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

 4、凸出框

  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客  

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style="border:10 outset #CCCCFF"> 

語法
 <img src="圖片地址" style="border:相框寬度 outset 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

 5、嵌入框

  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客   

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style="border:15 inset #ff9900">

語法
 <img src="圖片地址" style="border:相框寬度 inset 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

6、脊狀框

  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客   

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style="border:15 ridge #33FF66">

語法
 <img src="圖片地址" style="border:相框寬度 ridge 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

7、凹槽框

  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客  

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" style="border:15  groove #CC6666">

語法
 <img src="圖片地址" style="border:相框寬度  groove 相框顏色">


【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

 8、粒狀陰影框

  【转载】图片+相框的制作方法 - 高雅女人 - 高雅女人网易博客

語法

 <img src="http://img.blog.163.com/photo/Km88h4o3epbTxfttH5OCpw==/4235072499588964676.jpg" width="280" height="320" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#080808,strength=30">

語法
 <img src="圖片地址" width="圖片寬度" height="圖片高度" style="filter:progid:DXImageTransform.Microsoft.Glow(color=相框顏色,strength=相框寬度">



code: 顏色代碼


  评论这张
 
阅读(18)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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