CSS是一個重要的前端開發技術，它能夠幫助我們實現各種想要的效果。今天，我們要來講解一下如何使用CSS讓字成為扇形。

.circle-text {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
width: 300px;
border-radius: 50%;
background-color: #ccc;
}
.circle-text span {
display: block;
position: absolute;
font-size: 36px;
color: #fff;
width: 180px;
height: 180px;
line-height: 180px;
text-align: center;
transform-origin: center center -90deg;
}
.circle-text span:nth-child(1) {
transform: rotate(0deg);
}
.circle-text span:nth-child(2) {
transform: rotate(30deg);
}
.circle-text span:nth-child(3) {
transform: rotate(60deg);
}
.circle-text span:nth-child(4) {
transform: rotate(90deg);
}
.circle-text span:nth-child(5) {
transform: rotate(120deg);
}
.circle-text span:nth-child(6) {
transform: rotate(150deg);
}
.circle-text span:nth-child(7) {
transform: rotate(180deg);
}
.circle-text span:nth-child(8) {
transform: rotate(210deg);
}
.circle-text span:nth-child(9) {
transform: rotate(240deg);
}
.circle-text span:nth-child(10) {
transform: rotate(270deg);
}
.circle-text span:nth-child(11) {
transform: rotate(300deg);
}
.circle-text span:nth-child(12) {
transform: rotate(330deg);
}

上面是CSS的代碼，下面我們來解釋一下。首先定義了一個類名為“circle-text”的div，它的高度和寬度都為300px，圓角半徑為50%（即圓形）。而且，文本的樣式也被定義為圓形、居中、等高、等寬、白色文本。

接下來，我們使用了多個span標簽，分別設置了各個角度的旋轉度數，從而使文本形成扇形。我們在該代碼中使用了“nth-child”偽類，使我們能夠針對不同的span元素使用不同的CSS樣式。實現文本成為扇形的關鍵在于使用了CSS的“transform”屬性。

在本文中，我們只是使用12個扇形，實際上可以使用更多扇形。只需要根據需要，適當調整樣式。這樣，我們就可以通過CSS來實現文本成為扇形的效果。