小編給大家分享一下CSS中設(shè)置首行縮進(jìn)的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站長期為上千多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為明水企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)，明水網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

                              本篇文章所說的內(nèi)容是一個(gè)用HTML縮進(jìn)段落第一行的代碼，我們要知道縮進(jìn)段落需要用到的屬性是text-indent，下面我們就來看一看具體的內(nèi)容。

語法格式：

text-indent :(縮進(jìn)寬度）

描述示例：

p {text-indent:1em;}

代碼示例1：縮進(jìn)單個(gè)字符

通過指定“text-indent：1em”縮進(jìn)一個(gè)字符的段落的開頭。

代碼如下：

    
    
    


    
但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。
    
臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。天長地久有時(shí)盡，此恨綿綿無絕期。
    但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。
    
臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。天長地久有時(shí)盡，此恨綿綿無絕期。
    但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

顯示結(jié)果

使用Web瀏覽器顯示上述HTML文件。將顯示如下所示的效果?？梢源_認(rèn)段落的第一行縮進(jìn)一個(gè)字符。

代碼示例2：半文字縮進(jìn)

通過指定“text-indent：0.5 em”，您可以將段落的開頭縮進(jìn)0.5個(gè)字符。

代碼如下：

    
    
    


    
但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

    
臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。天長地久有時(shí)盡，此恨綿綿無絕期。
    但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

    
臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。天長地久有時(shí)盡，此恨綿綿無絕期。
    但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

顯示結(jié)果

使用Web瀏覽器顯示上述HTML文件，將顯示如下所示的效果：可以確認(rèn)該段落的第一行是縮小的。

代碼示例3：像素規(guī)范

通過指定“text - indent：14px”縮進(jìn)14像素段落的開頭。

代碼如下：

    
    
    


    
但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

    
臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。天長地久有時(shí)盡，此恨綿綿無絕期。
    但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

    
臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。天長地久有時(shí)盡，此恨綿綿無絕期。
    但教心似金鈿堅(jiān)，天上人間會(huì)相見。臨別殷勤重寄詞，詞中有誓兩心知。七月七日長生殿，夜半無人私語時(shí)。在天愿作比翼鳥，在地愿為連理枝。

顯示結(jié)果

使用Web瀏覽器顯示上述HTML文件，將顯示如下所示的效果：設(shè)置像素?cái)?shù)段落的開頭是縮進(jìn)的。

看完了這篇文章，相信你對(duì)CSS中設(shè)置首行縮進(jìn)的方法有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文名稱：CSS中設(shè)置首行縮進(jìn)的方法-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/dcdhdd.html