CSS兩欄分割線怎么寫

在CSS中，可以使用border屬性來創(chuàng)建兩欄分割線，以下是一個(gè)簡(jiǎn)單的示例：

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-column {
  width: 50%;
  border-right: 1px solid #000;
}
.right-column {
  width: 50%;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為container的容器，其中包含了兩個(gè)列：left-column和right-column，每個(gè)列都占據(jù)了容器寬度的50%，并且left-column的右邊有一個(gè)1像素寬的黑色分割線。

你可以根據(jù)需要調(diào)整這個(gè)示例中的數(shù)值和顏色，如果你想要一個(gè)更明顯的分割線，可以將border-right屬性的值設(shè)置為2像素或3像素，或者更改顏色以使其更加突出。

這個(gè)示例僅適用于現(xiàn)代瀏覽器，因?yàn)橐恍┹^舊的瀏覽器可能不支持flex布局或border屬性，在使用這種方法之前，請(qǐng)確保你的目標(biāo)受眾使用的瀏覽器是現(xiàn)代的，或者你可以使用其他方法來兼容較舊的瀏覽器。