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

Perfect Girls

您来到的是『玩美博客』 一起加入玩美E族吧 Get In Fashion

 
 
 

日志

 
 
关于我

时尚的,不一定是适合自己的,自己找准自己喜欢的方式,只要自己认为不违背自己的原则,就是属于自己的时尚。

网易考拉推荐

[代码]制作图片边框效果  

2006-12-13 16:47:57|  分类: 博客装扮 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls
 
边框可以使普通图片变的像画框一样精致典雅。因此若是喜欢插图,边框的做法可是必不可少的哦。
 
在发表文章页面钩选“显示源代码”挑选一个下列喜欢的代码插入<DIV>中,再取消“显示源代码”,画框就有了。图片的地址可以在网页的图片上点右键查看属性得到。
 
 
1.简单线框
 

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

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


[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls
 
2:双线框
 
<img src="图片地址" style=" border:7 double #666FF">
[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls

3.虚线框

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


[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls
4.凸出框:
 
<img src="图片地址" style="border:10 outset #CCCCFF">

[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls

5.嵌入框:

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


[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls
6.脊状框:

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


[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls

7.凹槽框

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


[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls
8.粒状阴影框

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


[代码]制作图片边框效果 - 玩美掌门 - Perfect Girls

9.个性边框

代码:

<STYLE type=text/css>
img {border-color:red blue #660099 green}
</STYLE>
<IMG src="图片地址" width=180 height=240 border=4>

其中red blue #660099 green分别为图片的上、右、下、左边框的颜色,border=4表示图片边框的粗细。

  评论这张
 
阅读(809)| 评论(8)
推荐 转载

历史上的今天

评论

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

页脚

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