在CSS中，可以使用偽元素和邊框樣式來實(shí)現(xiàn)下邊框中間有個(gè)點(diǎn)的效果，以下是一個(gè)示例代碼：

.element {
  position: relative;
  border-bottom: 1px solid #000;
}
.element:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  background-color: #fff;
}

在這個(gè)示例中，我們首先在.element類上設(shè)置了一個(gè)下邊框，我們使用偽元素:after來在下邊框中間添加一個(gè)點(diǎn)，通過***定位，我們將點(diǎn)定位到左邊緣的50%位置，并使用transform: translateX(-50%)將其居中，我們設(shè)置點(diǎn)的樣式，包括邊框、背景色等。

你可以根據(jù)需要調(diào)整點(diǎn)的樣式和大小，以及下邊框的樣式，這種方法可以實(shí)現(xiàn)下邊框中間有個(gè)點(diǎn)的效果，并且可以通過CSS進(jìn)行定制和調(diào)整。