中畫網

標題: 【音畫代碼】23種css圖片修飾-來源網絡 [打印本頁]

作者: 清音王梓    時間: 2007-11-23 17:31
標題: 【音畫代碼】23種css圖片修飾-來源網絡








1。單線框<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:3 solid #ff0000"><br><br><br></center>




2。雙線框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:5 double green"><br><br><br></center>




3。凸出框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 outset #ff88ff"><br><br><br></center>




4。凹進框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 inset #ff88ff"><br><br><br></center>




5。郵票框 <center> <table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"> <tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></td></tr></table></center>

6。虛線框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:4 dashed #ff0000"><br><br><br></center>




7。凹槽框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 groove green" border="0"><br><br><br></center>




8。脊狀框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 ridge green" border="0"><br><br><br></center>




9。立體陰影框<center> <table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progidXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"> </td></tr></table></center>

XImageTransform.Microsoft.Shadow (color:#f6ae56,direction:145,strength:15)" height=375 cellSpacing=3 cellPadding=15 width=500 border=2>

10。陰影框<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:shadow(color=#32cd32)"></center>

11。橫向漸變透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>

12。圓形漸變透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

13。X形漸變透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

14。改變某種顏色<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"style="FILTER: Chroma(Color=#13629f)"></center>

15。黑白效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:'gray'"></center>

16。X光效果(底片)<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:'xray'"></center>

17。浮雕效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progidXImageTransform.Microsoft.Emboss()"></center>

18。上下顛倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:flipv"> </center>

19。左右顛倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:fliph"></center>

20。色彩顛倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:invert"></center>

21。粒狀陰影<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

22。模糊效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

23。水波效果(風吹)<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>


作者: 一池清涼    時間: 2007-11-24 11:30
有空多來學習學習2331
作者: 小李輕風    時間: 2011-11-12 22:56
學習      




歡迎光臨 中畫網 (http://www.nujv.cn/) Powered by Discuz! X3.4
主站蜘蛛池模板: 狠狠色丁香婷婷综合尤物| 日日AV色欲香天天综合网| 国产精品天天影视久久综合网| 综合欧美亚洲日本| 97久久婷婷五月综合色d啪蜜芽| 伊人网综合影院| 国产综合内射日韩久| 色婷婷六月亚洲综合香蕉| 亚洲AV综合色区无码一区| 欧美日韩亚洲国内综合网 | 中文字幕亚洲综合小综合在线 | 色综合中文综合网| 狠狠色丁香婷婷久久综合五月| 青青草原综合久久大伊人精品| 亚洲国产天堂久久综合网站| 久久91综合国产91久久精品| 色噜噜综合亚洲av中文无码| 99久久婷婷国产综合亚洲| 久久综合鬼色88久久精品综合自在自线噜噜| 一本色道久久88精品综合| 天天色天天综合| 99久久精品国产综合一区| 天天做天天爱天天爽综合区| 久久婷婷五月综合国产尤物app| 色噜噜狠狠色综合日日| 国产成人人综合亚洲欧美丁香花| 欧美亚洲综合免费精品高清在线观看| 国产欧美综合一区二区三区| 亚洲色欲久久久综合网| 久久综合九色欧美综合狠狠 | 色天使久久综合网天天| 91精品国产综合久久四虎久久无码一级 | 综合国产在线观看无码| 亚洲国产成人五月综合网| 亚洲欧美成人综合在线| 天天做天天爱天天综合网| 中文字幕亚洲综合精品一区| 婷婷久久综合九色综合九七| 日本道色综合久久影院| 婷婷丁香五月天综合东京热| 一本色道久久99一综合|