如何使这两个半圆合并成一个圆-慕课网

首页课程实战体系课手记专栏慕课教程

如何使这两个半圆合并成一个圆

来源：2-3 CSS3边框阴影 box-shadow（二）

qq_慕移动0427231

2020-07-16 10:39

左边黑色阴影的半圆怎么才能移动到右侧，和另一个半圆合并成一个圆

写回答关注

2回答

入幕三分

2020-11-24 11:32:56
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>boxshadow</title>
<style>
.a{
width:500px;
hidden:500px;
display:flex;
}

.boxshadow-outset{
width:50px;
height:100px;
box-shadow:-4px 4px 6px red inset;
border-radius:50px 0 0 50px;
}
.boxshadow-inset{
width:50px;
height:100px;
box-shadow:-4px -4px 6px blue inset;
border-radius:0 50px 50px 0;
}
</style>
</head>
<body>
<div class="a">
<div class="boxshadow-outset">
</div>
<div class="boxshadow-inset">
</div>
</div>
</body>
</html>
```
用一个大div包着两个小div，再用大div使用“display:flex;” 可以让div在一行排列,然后它自动就合并了
```
0 1
TerryPan

2020-07-16 15:02:30
```
transform:translateX(75px);
```
0 1

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

相似问题

如何在一个圆里绕着转

回答 3

如何制作圆角按钮

回答 5

关于设置半圆的问题

回答 1

css3代码做左半圆，50px;0px;0px;50px;这样为什么显示不出来是左半圆呢？

回答 3

怎样把每个圆点都变成红色呢

回答 4

打开慕课网App查看更多内容