本篇內(nèi)容主要講解“CSS怎么實(shí)現(xiàn)段落首字母、首字放大特效”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“CSS怎么實(shí)現(xiàn)段落首字母、首字放大特效”吧!
摘要:
段落首字母放大是指放大段落開(kāi)頭的字母或者漢字,主要使用了css的first-letter偽類選擇器。
單行放大:
在第一行內(nèi)放大,效果如下:
代碼如下:
This is a test article. This is a test article.
This is a test article. This is a test article.
這是一個(gè)測(cè)試
注意:first-letter支持IE7+,first-line支持IE8+
多行放大:
效果如下:
代碼如下:
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.
這是一個(gè)測(cè)試。這是一個(gè)測(cè)試。這是一個(gè)測(cè)試。這是一個(gè)測(cè)試。這是一個(gè)測(cè)試。這是一個(gè)測(cè)試。這是一個(gè)測(cè)試。
到此,相信大家對(duì)“CSS怎么實(shí)現(xiàn)段落首字母、首字放大特效”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)建站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!