css凸起的角怎么弄 底部导航栏

要实现底部导航栏凸起的角，可以使用CSS中的伪元素和阴影效果来实现。具体的步骤如下：

1. 首先给导航栏的容器元素设置一个适当的高度和背景颜色。

2. 在导航栏容器元素中创建一个子元素，作为凸起的角，可以使用一个div元素。设置该元素的宽度和高度，以及想要的背景颜色和形状。

3. 使用CSS的伪元素::after来为其添加一个角的阴影效果。通过设置::after的宽度和高度，以及box-shadow属性，可以实现凸起的效果。

代码示例：

.container {
  height: 50px;  /* 高度可以根据实际需求进行调整 */
  background-color: #333;  /* 设置背景颜色 */
}

.container::after {
  content: "";
  position: absolute;
  bottom: -10px;  /* 根据实际需求调整下凸距离 */
  left: 50%;  /* 将伪元素定位在容器的底部中央 */
  transform: translateX(-50%);  /* 将伪元素水平居中 */
  width: 20px;  /* 宽度可以根据实际需求调整 */
  height: 20px;  /* 高度可以根据实际需求调整 */
  background-color: #333;  /* 设置伪元素的背景颜色与容器保持一致 */
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);  /* 设置阴影效果 */
  border-radius: 50%;  /* 将伪元素设置为圆形 */
}

通过以上步骤，就可以实现一个带有凸起角和阴影效果的底部导航栏。根据实际需求，可以通过调整容器的高度、伪元素的大小和位置，以及阴影的属性来达到想要的效果。