生成左右半圓的矩形是CSS中的一個(gè)常見(jiàn)需求，通常可以通過(guò)使用border-radius屬性來(lái)實(shí)現(xiàn)，以下是一些示例代碼，展示如何生成左右半圓的矩形：

1、使用border-radius屬性生成左右半圓的矩形：

.rectangle {
  width: 200px;
  height: 100px;
  border: 2px solid #000;
  border-radius: 50px 0 0 50px;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)寬度為200像素、高度為100像素的矩形，并設(shè)置了2像素的黑色邊框，通過(guò)border-radius屬性，我們可以將矩形的四個(gè)角設(shè)置為不同的圓角半徑，在這個(gè)示例中，我們將矩形的左右兩個(gè)角設(shè)置為50像素的圓角，而上下兩個(gè)角則保持直角。

2、使用偽元素生成左右半圓的矩形：

.rectangle {
  width: 200px;
  height: 100px;
  border: 2px solid #000;
  position: relative;
}
.rectangle::before, .rectangle::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50px;
  height: 100px;
  border-radius: 50px 0 0 50px;
  background: #000;
}
.rectangle::before {
  left: -50px;
}
.rectangle::after {
  right: -50px;
}

在這個(gè)示例中，我們使用偽元素來(lái)生成左右半圓的矩形，我們創(chuàng)建了兩個(gè)偽元素，分別位于矩形的左右兩側(cè)，并將它們?cè)O(shè)置為***定位，我們將偽元素的寬度設(shè)置為50像素，高度設(shè)置為100像素，并將border-radius屬性設(shè)置為50像素的圓角，我們將偽元素的背景顏色設(shè)置為黑色。

這些示例代碼可以幫助你生成左右半圓的矩形，你可以根據(jù)自己的需求調(diào)整矩形的尺寸、邊框顏色和圓角半徑等屬性。