rqfii和qfii区别:22种CSS图片修饰效果与代码

来源:百度文库 编辑:中财网 时间:2024/05/11 18:29:38
22种CSS图片修饰效果与代码〔请不要跟贴〕
1。单线框





2。双线框






3。凸出框






4。凹进框



5。邮票框



代码如下:







6。虚线框





7。凹槽框






8。脊状框






9。立体阴影框




代码转换如下:






10。阴影框


11。横向渐变透明


12。圆形渐变透明


13。X形渐变透明


14。改变某种颜色


15。黑白效果


16。X光效果(底片)


17。浮雕效果


18。上下颠倒


19。左右颠倒


20。色彩颠倒


21。粒状阴影


22。模糊效果


23。水波效果(风吹)


 
 
 
 
[ 此贴被灵犀在2006-11-13 13:21重新编辑 ]
强烈推荐道友:使用免疫一切木马病毒的firefox浏览器!



Posted: 2006-11-04 13:48 |
灵犀

10.1飙图大赛冠军

职务: 山庄上宾
级别: 武当天尊
UID: 76468
精华:80
发帖: 805
道行: 413 点
金币: 8246 枚
贡献值: 0 点
原创: 198 帖
奖券: 209 点
在线时间:1849(小时)
注册时间:2006-07-27
最后登录:2007-11-21
 纯代码实现的分割线____简单而有效的html画线代码“hr”实例
提到分割线,大家习惯使用长条形图片,或者用小图片作为平镨背景来实现。:
这样当然可以随心所欲地达到要求,但图片文件毕竟需要找空间上传,也多少会拖慢下载速度。
其实简单的“hr”语句同样能够实现多样化的分割效果,试举例如下:
最基本的:


其中 width 规定线条的长度,还可以是百分比;color 是颜色,size 当然就是厚度了。
align 规定线条位置,left、right、center。
noshade 是否有立体效果。
两头渐变透明:


右边渐变透明:


画虚线:


画双线:

立体效果:

钢针效果(^_^):

纺棰形:


以上所有效果并不是孤立的,它们可以相互组合,从而产生新的效果。譬如:
这个要看大家的想象力是否丰富了^_^