CSS實現段落首字母 首字放大特效

2023-03-19 00:30:31 字數 663 閱讀 5958

摘要:

段落首字母放大是指放大段落開頭的字母或者漢字,主要使用了css的first-letter偽類選擇器。

單行放大:

在第一行內放大,效果如下:

複製**

**如下:

document

this is a test article. this is a test article.

this is a test article. this is a test article.

這是一個測試

注意:first-letter支援ie7+,first-line支援ie8+

多行放大:

效果如下:

複製**

**如下:

程式設計客棧charset="utf-8">

docume程式設計客棧nt

this is a test article. this is a test article.this is a test article. this is a test article.this is a test article. this is a test article.

這是一個測試。這是一個測試。這是一個測試。這是一個測試。這是一個測試。這是一個測試。這是一個測試。

本文標題: css實現段落首字母、首字放大特效

本文地址: