前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊，一想到终于不用再添加额外元素来模拟圆角了，但发现border-radius还分水平半径和垂直半径，然后又发现border-top-left/right-radius的水平半径之和大于元素宽度时，实际值会按比例分配元素宽度 ...

1、border-image 描述、语法 　　在CSS3之前，border只能简单的设置一些纯色或几种简单的线型（如solid,dotted,double,dashed等）。 　　在CSS3中，border-image实现了给边框设置不同的图片效果 ...

前言  Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。 Fle ...

前面的话   边框是CSS盒模型属性中默默无闻的一个普通属性，CSS3的到来，但得边框属性重新焕发了光彩。本文将详细介绍CSS边框 基础样式   边框是一条以空格分隔的集合样式，包括边框粗细(边框宽度)、边框颜色和边框样式，且先后顺序无关 【边框样式】   如果一个边框没有样 ...

一、圆角效果 border-radius 　　使用方法： 　　border-radius:10px; /* 所有角都使用半径为10px的圆角 */ 　 border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 ...

CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 可以为上下左右每个框 定制不同的样式和颜色。 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式。 border-style 值: none: 默认无边框 ...

为边框应用图片 border-image 顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似。例如： background:url(xx.jpg) 10px 20px no-repeat; 但是又比背景图片复杂一些。 想象一下：一个矩形 ...

转：http://www.kuqin.com/shuoit/20141014/342620.html border-radius:50% 今天来聊聊这个border-radius属性，radius的英文意思是弧度的意思，而国人更喜欢称之为圆角，因为它可以使得我们的边框有棱有角 ...