css首行縮進(jìn)2字符怎么設(shè)置

1、打開Notepad++，新建一個文件

成都創(chuàng)新互聯(lián)公司擁有網(wǎng)站維護(hù)技術(shù)和項(xiàng)目管理團(tuán)隊(duì)，建立的售前、實(shí)施和售后服務(wù)體系，為客戶提供定制化的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、光華機(jī)房服務(wù)器托管解決方案。為客戶網(wǎng)站安全和日常運(yùn)維提供整體管家式外包優(yōu)質(zhì)服務(wù)。我們的網(wǎng)站維護(hù)服務(wù)覆蓋集團(tuán)企業(yè)、上市公司、外企網(wǎng)站、成都商城網(wǎng)站開發(fā)、政府網(wǎng)站等各類型客戶群體，為全球近1000家企業(yè)提供全方位網(wǎng)站維護(hù)、服務(wù)器維護(hù)解決方案。

2、輸入圖中內(nèi)容：

3、保存為：css.html，當(dāng)然你也可以使用其它的名字，但擴(kuò)展名需要使用.htm或.html

4、選擇文件的保存位置，點(diǎn)擊保存按鈕

5、然后添加一個標(biāo)簽，輸入一段用來測試的文字。

6、使用瀏覽器打開查看顯示樣式，現(xiàn)在還沒有縮進(jìn)。

7、接下來添加樣式，這里我們使用內(nèi)聯(lián)樣式，給P標(biāo)簽添加樣式：?style="text-indent:2em;"

8、再刷新剛剛打開的網(wǎng)頁看效果，是不是縮進(jìn)了兩個字符啊！

這里我們是使用em這個單位來縮進(jìn)了兩個字符，你也可以使用px作為單位來縮進(jìn)指定的像素。

css怎么首行縮進(jìn)

text-indent: 2em;

具體方法：

新建一個html代碼文件，然后在這個html代碼頁面上創(chuàng)建一個div，同時給這個div設(shè)置一個class類；然后在這個div中創(chuàng)建幾個p,并個p添加上內(nèi)容。

代碼：

div class="cont"

p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

p的頂頂頂頂頂?shù)捻旐旐旐旐?p

p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

/div

設(shè)置樣式。在title標(biāo)簽后面新建一個style,在這個style設(shè)置cont類的寬為400px，然后設(shè)置p標(biāo)簽的首行縮進(jìn)為兩個字符。如圖：

代碼：

style

.cont{

width:400px;

}

.cont p{

text-indent: 2em;

}

/style

使用瀏覽器打開，即可看到首行縮進(jìn)的效果。如圖：

所有代碼。直接復(fù)制所有代碼，粘貼到新建html文件上，保存后使用瀏覽器打開即可看到所有效果。

代碼：

!DOCTYPE html

html

head

meta charset="UTF-8"

title首行縮進(jìn)/title

style

.cont{

width:400px;

}

.cont p{

text-indent: 2em;

}

/style

/head

body

div class="cont"

p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

p的頂頂頂頂頂?shù)捻旐旐旐旐?p

p頂頂頂頂頂頂頂頂頂頂頂頂頂頂多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多/p

/div

/body

/html

擴(kuò)展資料：

CSS text-indent屬性規(guī)定文本塊中首行文本的縮進(jìn)。

注釋：允許使用負(fù)值。如果使用負(fù)值，那么首行會被縮進(jìn)到左邊。

注意：在 CSS 2.1 之前，text-indent 總是繼承計算值，而不是聲明值。

用于定義塊級元素中第一個內(nèi)容行的縮進(jìn)。這最常用于建立一個“標(biāo)簽頁”效果。允許指定負(fù)值，這會產(chǎn)生一種“懸掛縮進(jìn)”的效果。

所有瀏覽器都支持?text-indent?屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

參考資料來源：百度百科：CSS text-indent

每個段落首行縮進(jìn)2字符怎么設(shè)置css

你好使用css實(shí)現(xiàn)首行縮進(jìn)其實(shí)很簡單，使用text-indent屬性即可。但是如果要縮進(jìn)幾個字符可以使用em單位，一般而言中文段首是縮進(jìn)兩個漢字，可以這么寫：123p

{

text-indent:

2em;}自然，如果縮進(jìn)兩個字符（即：一個漢字），就可以這么寫：123p

{

text-indent:

1em;}希望對你有幫助，如有疑問，請追問。望采納~~

文章標(biāo)題：css樣式更改首行縮進(jìn),css設(shè)置首行縮進(jìn)的屬性
當(dāng)前鏈接：http://chinadenli.net/article3/dsicpos.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、電子商務(wù)、響應(yīng)式網(wǎng)站、商城網(wǎng)站、網(wǎng)站維護(hù)、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)