打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
23种css图片修饰
1。单线框<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="border:3 solid #ff0000"><br><br><br></center>
2。双线框<center> <img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="border:5 double green"><br><br><br></center>
3。凸出框<center> <img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="border:25 outset #ff88ff"><br><br><br></center>
4。凹进框<center> <img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.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://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg"></td></tr></table></center>
6。虚线框<center> <img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="border:4 dashed #ff0000"><br><br><br></center>
7。凹槽框<center> <img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="border:25 groove green" border="0"><br><br><br></center>
8。脊状框<center> <img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.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:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg"> </td></tr></table></center>
10。阴影框<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:shadow(color=#32cd32)"></center>
11。横向渐变透明<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>
12。圆形渐变透明<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
13。X形渐变透明<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
14。改变某种颜色<center><img src="
15。黑白效果<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:''''''''gray''''''''"></center>
16。X光效果(底片)<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:''''''''xray''''''''"></center>
17。浮雕效果<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>
18。上下颠倒<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:flipv"> </center>
19。左右颠倒<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:fliph"></center>
20。色彩颠倒<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:invert"></center>
21。粒状阴影<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>
22。模糊效果<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>
23。水波效果(风吹)<center><img src="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_1.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>
<img width=363 src="//image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_2.jpg" style="border:12px #00ffff dotted">
<img width=363 src="//image2.360doc.com/DownloadImg/2008/12/11/39801_2102856_2.jpg" style="border:12px #00ffff double">
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
IIS6.0发布MVC网站 图片及CSS\JS加载不了 路径问题
图片CSS滤镜---旋转效果代码
学习套用css样式表语句,贴羽化图片
图片CSS滤镜---水中倒影效果代码
图片CSS滤镜---色彩对换效果代码 -
vue
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服