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

807228714的博客

 
 
 

日志

 
 
 
 

透明底图基础属性代码  

2014-01-06 12:35:51|  分类: 代码效果 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
背景属性源代码
<table style="BACKGROUND-IMAGE:url(背景图片地址)" width=870 height=100 align="center"><TBODY><TR><TD></TD></TR></TBODY></table>
透明底图源代码
<table  width=870 align="center" height=400><TBODY><TR><TD></TD></TR></TBODY></table>
移动代码:
<MARQUEE></MARQUEE>
翻转滤镜 <div> </div>
style="filter: flipH;"
style="filter: flipv;"
颜色滤波器【遮罩效果运用】
style="FILTER:chroma(color=#ffffff)"
左对齐align="left"
埀直对齐 valign
居右属性 align="right"
底部居右对齐 align="right" valign="bottom"
右边对齐 align="right" valign="bottom"
居中对齐align="center" valign="top"
顶部对齐 valign=top   
底部对齐vAlign="bottom"
竖排属性style="WRITING-MODE:tb-rl;
空格属性&nbsp; &nbsp;
title="代码编辑春雨"
换行属性<br/>
加粗斜体属性<B><I>这里加文字</I></B>
背景色素bgColor="42451f"
序号码:idx="1"
边框线属性  style="border:5px ridge rgb(41, 133, 174)"
缝线style="BORDER-LEFT:#71af81 2px dashed"
缝线style="BORDER-TOP:#71af81 2px dashed"
四边边框线属性style="BORDER-BOTTOM:#14324d 10px solid;BORDER-LEFT:#14324d 10px solid;BORDER-TOP:#14324d 10px solid;BORDER-RIGHT:#14324d 10px solid"
虚线
style="BORDER-LEFT:#f9d567 2px dashed"
阴影滤镜
style="FILTER:shadow(color=#957104, strength=30 direction=225) "
竖排字符
<FONT style="WRITING-MODE:tb-rl;FONT-SIZE:24pt" color="#775b05" face=" Wingdings">vv</FONT>
边框线样式
style="BORDER-RIGHT:#afcfce 2px solid;BORDER-TOP:#afcfce 2px solid;BORDER-LEFT:#afcfce 2px solid;BORDER-BOTTOM:#afcfce 2px solid
bgColor="#1f6a68"
加粗斜体属性<B><I>这里加文字</I></B>
休闲边框:
style="BORDER-BOTTOM:#cdc0b0 2px solid;BORDER-LEFT:#cdc0b0 2px solid;BORDER-TOP:#cdc0b0 2px solid;BORDER-RIGHT:#cdc0b0 2px solid"
贴图代码:
<IMG src="图片地址" width="850">
<IMG width=870 src="图片地址"  height=400>
<IMG style="FILTER:alpha(opacity=100,style=3);WIDTH:560px" src="图二地址">
颜色渐变滤镜代码 1为左右渐变 0为上下渐变
style="filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#003f34 ,endcolorstr=#7fadaa,gradientType=1);"
四边框色素属性
border="3" borderColor="#00ff55"
;FILTER:chroma(color=#000000)
style="FILTER:chroma(color=#ffffff)"
 ;FILTER:chroma
图片缩放尺寸代码:
背景缩放代码
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=2,src='图片地址', sizingMethod='scale')"  
边框属性
style="BORDER-BOTTOM:#a988f3 15px solid;BORDER-LEFT:#bca4f3 15px solid;BORDER-TOP:#a988f3 15px solid;BORDER-RIGHT:#bca4f3 15px solid"
属性2style="BORDER-BOTTOM:#816ef8 2px solid;BORDER-LEFT:#816ef8 2px solid;BORDER-TOP:#816ef8 2px solid;BORDER-RIGHT:#816ef8 2px solid" 
上下羽化,中间不羽化
style= "progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=50, FinishX=50, StartY=0, FinishY=20) progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=0, StartY=80, FinishY=100)"
四边羽化属性
progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=100, Style=1,
StartX=0, FinishX=0, StartY=0, FinishY=20) progid:DXImageTransform.Microsoft.Alpha
(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=0, StartY=80, FinishY=100)
progid:DXImageTransform.Microsoft.Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0,
FinishX=20, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha(Opacity=100,
FinishOpacity=0, Style=1, StartX=80, FinishX=100, StartY=100, FinishY=100)
右边羽化
style="FILTER: alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=0, StartY=0, FinishY=100)"
style="FILTER: alpha(Opacity=100, FinishOpacity=0, Style=1)"
 
羽化代码:
style="filter: Alpha(Opacity=80,FinishOpacity=10 Style=3)"
普通羽化代码:
style="filter: Alpha(Opacity=100,FinishOpacity=0 Style=2)"
羽化代码:
style="FILTER: alpha(opacity=100,style=3)"
黑白羽:
gray¨
黑白羽化代码:
style="FILTER:gray"
点状线
style="BORDER-BOTTOM:#f9f9f9 3PX dashed"
左边右上角切属性:
;FILTER:alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=1, FinishX=0, StartY=0, FinishY=1)"
右边左下角切属性:
;FILTER:alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=1, FinishX=0, StartY=0, FinishY=1)"
左边右下角切属性:
;FILTER:alpha(Opacity=100, FinishOpacity=0, Style=1,StartX=49, FinishX=50, StartY=49, FinishY=50 )"
右边左上角切属性
;FILTER:alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=49, FinishX=50, StartY=49,
FinishY=50)"
 
右旋转属性代码
style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=0.4,M22=
左旋转属性代码
style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=-0.4, M22=1,SizingMethod='auto expand')"
波纹滤镜
style="FILTER:Wave(Add=0,Freq=5,LightStrength=10,Phase=2,Strength=10)"
阴影滤镜
style="FILTER:shadow(color=#db7951,strength=20 direction=315)"
发光滤镜style="glow(color=#db7951,strength=30)"
模糊滤镜代码
style="FILTER:Blur(Add=1,Direction=45,Strength=150)"
 竖排文字代码
<FONT style="TEXT-ALIGN:center;WRITING-MODE:tb-rl;FONT-SIZE:14pt" color="#070708" face="楷体_GB2312">
这里放文字<br/></FONT>
 
横排
<FONT style="FONT-SIZE:18pt" color="#edd0db" face="隶书">这里放文字</FONT>
竖排
<FONT style="WRITING-MODE:tb-rl;FONT-SIZE:18pt" color="#edd0db" face="华文行楷">这儿放文字</FONT>
右矩形属性
style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=0.4,M22=1,SizingMethod='auto expand')"
左矩形属性:
style="FILTER:progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=-0.4, M22=1,SizingMethod='auto expand')"
定位数据代码 <div style="POSITION:absolute;TOP:0px;LEFT:0px">
波纹滤镜:Filter:Wave(Add=True(False),Freq=频率,LightStrength=增强光效,Phase=偏移量,Strength=强度)                       Add参数有两个参数值:True代表把对象按照波纹样式打乱;False代表不打乱;Freq参数指生成波纹的频率,也就是指定在对象上共需要产生多少个完整的波纹。ightStrength参数是为了使生成的波纹增强光的效果。参数值可以从0到100。Phase参数用来设置正弦波开始的偏移量。这个值的通用值为0,它的可变范围为从0到100。这个值代表开始时的偏移量占波长的百分比。比如该值为25,代表正弦波从90度(360*25%)的方向开始。
  评论这张
 
阅读(7)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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