有時候我們的網頁文字內容很長，但是要在一定范圍內進行展示，這時候就可以用到css超出顯示第一個字的效果，也稱為:first-letter偽元素。

p::first-letter {
font-size: 30px;
font-weight: bold;
color: red;
float: left;
margin-right: 5px;
}

上述代碼是對第一個字進行了樣式的設置，其中p::first-letter就是表示選擇器，冒號后面的first-letter表示選擇第一個字，然后我們可以通過設置樣式來美化這個首字母。

使用這種效果可以增加文本閱讀的趣味性，提高視覺效果，讓我們的網頁更加優美。