欢迎来到Introzo百科
Introzo百科
当前位置:网站首页 > 技术 > 如何在css中制作半圆

如何在css中制作半圆

日期:2023-10-04 14:46

如何在css中制作半圆: 1.使用border-radius绘制半圆,语句如“border-radius: 50px 50px 0 0;”; 2、利用clip属性画一个半圆,语句如“clip: rect(0px 50px 100px 0px);”。

使用border-radius实现半圆

  • 上边缘是圆形
  • 左边的圆圈
  • 下边缘是圆形
  • 左边的圆圈
  • 整圈
登录后复制

效果图:

css3的clip方法实现半圆切割


剪辑属性剪辑绝对定位的元素。也就是说,只有使用position:absolute时才有效。 唯一合法的形状值是:矩形(上、右、下、左)

  • 左半圆
  • 右半圆
登录后复制

效果图:

以上就是如何用CSS制作半圆的详细内容。请关注其他相关文章以获取更多信息!

相关文章

关灯