首页 >

css怎么做圆弧形状 |火狐和ie css

css选择img,css checkbox 置灰,css动画实训报告,css中li不浮动,网页中的css怎么新建,css3特效制作教程,火狐和ie csscss怎么做圆弧形状 |火狐和ie css

一、圆弧角度

border-radius:50%;

以上代码可以实现一个圆形的效果,50%的圆角度即为圆形,同时也可以调整百分比实现不同程度的圆角效果。

二、椭圆形

border-radius:50% 30%;

以上代码可以实现一个椭圆形的效果,前面的50%代表水平方向上的圆角度,后面的30%代表垂直方向上的圆角度,同样也可以调整百分比实现不同程度的圆角效果。

三、扁长形

border-radius:20%/50%;

以上代码可以实现一个扁长形的效果,20%的圆角度代表上下两边的圆角度,50%的圆角度代表左右两边的圆角度,同样也可以调整百分比实现不同程度的圆角效果。

四、切角效果

border-radius: 0 0 20px 0;

以上代码可以实现一个四个角中只左下角有弧形的效果,也可以通过调整参数实现其他角的弧形效果,例如:

border-radius: 20px 0 0 0;

以上代码可以实现一个四个角中只右上角有弧形的效果。

通过CSS的border-radius属性,可以轻松实现网页中各种不同的圆弧效果。大家可以根据自己的需要进行调整,实现完美的圆弧设计。


css怎么做圆弧形状 |火狐和ie css
  • css插入外部样式 |sketch导出css
  • css插入外部样式 |sketch导出css | css插入外部样式 |sketch导出css ...

    css怎么做圆弧形状 |火狐和ie css
  • css对滚动条 |css style.color
  • css对滚动条 |css style.color | css对滚动条 |css style.color ...

    css怎么做圆弧形状 |火狐和ie css
  • css 最大高度不起作用 |下列关于css说法错误的是什么意思
  • css 最大高度不起作用 |下列关于css说法错误的是什么意思 | css 最大高度不起作用 |下列关于css说法错误的是什么意思 ...