css怎么画半圆凹槽,如何用css实现一个div的左右半圆凹陷，并且凹陷的地方显示父div的背景图...

可以通过使用伪元素 `::before` 和 `::after` 来实现半圆凹槽的效果。具体实现可以按照以下步骤进行：

1. 创建一个带有背景图的父 `div` 元素，并设置其 `position: relative;` 以便在子元素中使用绝对定位。
2. 创建一个子 `div` 元素，并设置其 `position: absolute;` 以便将其放置在父元素的左侧或右侧。
3. 使用 `::before` 和 `::after` 伪元素来创建左右半圆形凹陷。可以使用 `border-radius` 属性来设置圆形的半径，使用 `border-bottom-left-radius` 和 `border-bottom-right-radius` 属性来设置底部边缘为直角的半径，从而形成半圆形凹陷。
4. 设置伪元素的背景色为父元素的背景图，并将其 `z-index` 属性设置为 -1，以便将其置于子元素下方。

以下是实现代码示例：

<div class="parent">
  <div class="child"></div>
</div>

.parent {
  position: relative;
  background-image: url('background-image.jpg');
}

.child {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.child::before,
.child::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 50%;
  background-color: inherit;
  z-index: -1;
}

.child::before {
  left: 0;
  border-bottom-left-radius: 100% 50%;
}

.child::after {
  right: 0;
  border-bottom-right-radius: 100% 50%;
}

注意，以上代码中 `background-image` 属性的值应该替换为实际使用的背景图像。