一真的小站

鳶飛魚躍,無處不是化境。

0%

十五、圆角

十五、圆角

1
2
3
4
5
6
7
8
9
/*添加边框圆角*/
/*1.设置一个值:四个角的圆角值都一样*/
/*border-radius:10px;*/
/*2.设置两个值:第一个值控制左上/右下,第二个值控制右上/左下*/
/*border-radius:10px 30px;*/
/*3.设置三个值:第一个值控制左上,第二值控制右上/左下,第三个值控制右下*/
/*border-radius:10px 40px 60px;*/
/*4.设置四个值:左上右上右下左下*/
border-radius:10px 30px 60px 100px;
1
2
3
4
5
6
7
/*添加/是用来设置当前个不同方向的半径值水平×方向/垂直y方向*/
/*border-radius:100px/50px;*/
/*添加某个角点的圆角*/
/*border-radius:epx 50px 0px 0px;*/
/*border-上下-左右Iradius:*/
/*border-top-right-radius:100px;border-top-left-radius:100px;*/
/*border-bottom-left-radius:100px;border-bottom-right-radius:100px;*/
1
2
3
4
/*设置某个角点的两个方向上的不同圆角*/
/*border-top-right-radius:100px 50px;border-bottom-left-radius:80px 40px;border-bottom-right-radius:60px 30px;border-top-left-radius:40px 20px;*/
/*如果想设置四个角点的不同方向上的不同圆角值*/
/*分别是水平方向的:左上,右上,右下,左下/垂直方向的:左上,右上,右下,左下*/