正 文

border实现倾斜效果及拓展


www.7dspace.com  更新日期:2006-1-3 1:26:39  七度空间


对容器border四个方向定义不同的颜色,会得到一种边框倾斜效果,叫做“Slants”。通过边框不同值的组合可以得到各种多彩边框,配合底色的组合得到各种多边形。本例子IE6和FF1.5测试通过。

这是最简单的盒子边框模型。sizes: 120px, 50px, 20px, and 0px squares, 10px borders

50px borders的效果,注意看最后一个只剩下边框。

颜色的混合。

设置边框不同的值,保证左右和上下边框值总和相等。

三角形效果,要求三条border值任意不能一样。

任意多边形组合例子

Content!
Content!

Content!

Content!


上一篇:非图片、滤镜制作的阴影窗口效果
下一篇:在IE6环境下使用min-width的方法
作者:  来源:blog ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐