首頁 > web前端 > css教學 > css怎麼讓首行文字縮排

css怎麼讓首行文字縮排

王林
發布: 2020-11-12 17:38:03
原創
3643 人瀏覽過

css讓首行文字縮排的方法:可以利用text-indent屬性來實現,如【text-indent:50px;】。 text-indent屬性規定文字區塊中首行文字的縮進,常用於建立標籤頁效果。

css怎麼讓首行文字縮排

屬性介紹:

text-indent 屬性規定文字區塊中首行文字的縮排。

(學習影片推薦:css影片教學

註解:允許使用負值。如果使用負值,那麼首行會被縮排到左邊。

注意:在 CSS 2.1 之前,text-indent 總是繼承計算值,而不是宣告值。

屬性說明:

用於定義區塊級元素中第一個內容行的縮排。這最常用於建立一個“標籤頁”效果。允許指定負值,這會產生一種「懸掛縮排」的效果。

屬性值:

length    定义固定的缩进。默认值:0。    
%    定义基于父元素宽度的百分比的缩进。    
inherit    规定应该从父元素继承 text-indent 属性的值。
登入後複製

範例:

p
  {  
      text-indent:50px;
  }
登入後複製

相關推薦:CSS教學

以上是css怎麼讓首行文字縮排的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板