CSS把字拉瘦長的效果在頁面設計中經常用到，可以讓字體更加修長，從而增加整體頁面的美感。以下是一個示例代碼，使用CSS把字拉瘦長。
首先，在HTML中定義一個段落，使用p標簽：

<p>This is a paragraph</p>

接下來，在CSS中定義該段落的樣式。使用pre標簽嵌套CSS代碼：

<pre>
p {
font-family: Arial, sans-serif;  //定義字體
font-weight: 100;  //字體瘦身
letter-spacing: 2px;  //字母之間的距離
}



這樣，在HTML中的段落就會應用CSS樣式，成為一個修長、間距適宜的文本。需要注意的是，字體瘦身不應該過度，否則會影響書寫體驗和可讀性。
總之，CSS把字拉瘦長是一個簡單而實用的頁面設計技巧，能夠讓頁面更加整潔美觀。在實際設計中，應該根據具體需求進行適當調整，以達到最佳效果。