本篇內(nèi)容主要講解“CSS怎么實現(xiàn)段落首字母、首字放大特效”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“CSS怎么實現(xiàn)段落首字母、首字放大特效”吧!
專注于為中小企業(yè)提供網(wǎng)站建設(shè)、做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)石龍免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了近1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
摘要:
段落首字母放大是指放大段落開頭的字母或者漢字,主要使用了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.
這是一個測試
注意: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.
這是一個測試。這是一個測試。這是一個測試。這是一個測試。這是一個測試。這是一個測試。這是一個測試。
到此,相信大家對“CSS怎么實現(xiàn)段落首字母、首字放大特效”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!