在網(wǎng)頁設計中，有時需要使用梯形圖形來裝飾頁面，例如實現(xiàn)模塊標題的效果。通過CSS，我們可以很方便地畫出梯形，并且在梯形內部顯示文字。下面我們來演示一下如何實現(xiàn)。

.trapezoid {
border-bottom: 50px solid blue;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 0;
width: 100px;
}
.trapezoid-text {
position: relative;
top: -30px;
text-align: center;
}

以上是梯形的CSS代碼。我們先定義了一個類名為trapezoid的元素，設置了其底部的邊框顏色、左右斜邊的長度和高度為0，最終得到一個梯形的形狀。接著，我們定義了一個類名為trapezoid-text的元素，將其相對于梯形的位置進行微調，讓文字能夠顯示在梯形內部。

最后，我們來看一下如何使用梯形和文字組合起來：

<div class="trapezoid"></div>
<div class="trapezoid-text">這是梯形內部的文字</div>

使用以上代碼，我們可以在網(wǎng)頁上看到一個美觀的梯形，并且文字顯示在梯形內部。

總的來說，通過CSS畫梯形內部顯示文字，是一個比較簡單實用的技巧。我們可以通過微調元素的位置和大小，制作出個性化的梯形效果。