首页IT科技css画弧线(css-两种画弧线方法)

css画弧线(css-两种画弧线方法)

时间2025-09-18 16:33:08分类IT科技浏览6830
导读:第一种:::after <template>...

第一种:::after

<template> <view> <view class="bg"> </view> </view> </template> <style> .bg{ background-color: pink; } .bg::after{ content: ; position: absolute; width: 160%; height: 100px; background: skyblue; left: -30%; border-radius: 0 0 50% 50%; } </style>

第二种:border-radius

<template> <view> <view class="bg"> </view> </view> </template> <style> .bg{ background-color: pink; border-radius:0 0 50% 50%/40%; height: 100px; width: 160%; margin-left: -30%; } </style>

 border-radius:* * /*

 border-radius:50% 50%/50%;

 height: 200px;

 width: 200px;

    border-radius:0 0 50% 50%/50%;

    height: 200px;

    width: 200px;

     border-radius:0 0 50% 50%/10%;

    height: 200px;

    width: 200px;

     border-radius:0 0 50% 50%/90%;

    height: 200px;

    width: 200px;

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
vue拖动排序(vue3如何实现使用SortableJs插件进行表格内的数据项拖拽排序) fnd_file(fnrb32.exe是什么进程 作用是什么 fnrb32进程查询)