css3笔记——边框border

一,border-color css1中便有border-color属性,css3中增强了其功能,其值为,支持多个颜色设置,如果设置n个颜色值,且边框宽度为n像素,那么每个颜色占1个像素,依次显示在边框上。若边框宽度像素数量大于颜色个数,则除最后一个颜色外,其余颜色占1个像素的宽度,其余宽度被最后一个颜色占有。 border-color派生的子属性: border-top-color border-right-color border-bottom-color border-left-color 而对于边框的宽度不同情况如下图示 border 此种情况各个边框在分界处的角度与边框宽度的比例成正比。 还需要注意的是,在同时写了border-color和其派生的属性的情况下,对于支持css3的浏览器,派生属性的优先级高, »

css3笔记——border-image-slice属性介绍以及各个浏览器的不同呈现

在css3中新增了border-image属性,用来定义边框的背景,它有很多的子属性,比较难理解与操作的便是border-image-slice属性,border-image-slice定义了如如何slice背景图像,使之以不同的方式装饰边框。 borde-image-slice属性值比较特殊,也是需要小心控制的地方。 属性值不带单位,默认为px。 支持百分比值。百分比值是相对背景图的大小,譬如widthheight的背景图,设置slice属性为10%后,其实际的属性值为height10%  width10%   height10%  width*10% 其工作的原理可以理解为:首先根据四个属性值a b c d按顺时针方向确定四个点(ad左上A点、 »