- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11XP系統怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]我們在設計網站HTML文章頁樣式時，文章展示的效果是直接影響到整個站的美觀程度以及整個站的質量。我們都知道，在做Word文檔時候，都需要段落分明，描述清晰。那么我們在網站上發布的文章，也最好要段落分明得展現，比如最常見的首行縮進。這時就離不開強大的 css樣式中text-indent屬性！本篇文章...
我們在設計網站HTML文章頁樣式時，文章展示的效果是直接影響到整個站的美觀程度以及整個站的質量。我們都知道，在做Word文檔時候，都需要段落分明，描述清晰。那么我們在網站上發布的文章，也最好要段落分明得展現，比如最常見的首行縮進。這時就離不開強大的 css樣式中text-indent屬性！本篇文章就給大家詳細介紹關于HTML css首行縮進的具體方法。下面我們通過最簡單的例子來介紹css文本首行縮進即text-indent屬性的使用方法及相關知識。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css首行縮進的代碼使用示例</title>
<style>
p {text-indent:36px;}
</style>
</head>
<body>
<p>
這里是關于css文本縮進的一段文字。這里是關于css文字縮進的一段文字。這里是關于css首行縮進的一段文字。
這里是關于css文本縮進的一段文字。這里是關于css文字縮進的一段文字。這里是關于css首行縮進的一段文字。
這里是關于css文本縮進的一段文字。這里是關于css文字縮進的一段文字。這里是關于css首行縮進的一段文字。
</p>
</body>
</html>上述代碼在瀏覽器訪問效果如下圖：
我們從圖中可以發現，這個html段落產生了首行縮進的效果。這里大家顯然可以發現是css中哪個樣式屬性在起作用吧？就是text-indent樣式屬性了！那么text-indent是什么意思呢？其實顯而易見這個樣式屬性的作用就是能使文本進行首行縮進效果，比如使html首行縮進2個字符、縮進1字符等等需求，而且這里也提醒一下各位，text-indent樣式屬性是可以有負值的，負值的話文本段落首行就會縮進到左邊了。一般情況不使用負值。
那么通過以上介紹，大家對如何用css設置文字段落首行縮進的問題是不是已經掌握了呢？本篇文章具有一定參考價值，希望對有需要的朋友有所幫助！
以上就是css text-indent屬性如何實現首行縮進？【詳解】的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
相關文章
- 在html中如何點出head標簽？head標簽中包含的元素有哪一些？
- HTML button標簽是否有超鏈接？這有button標簽設置超鏈接的案例
- HTML如何自定義dialog背景？一篇文章教你如何自定義dialog！
- html frame標簽如何使用？frame標簽的用法說明（附案例）
- html中的head標簽在什么地方里找？head標簽的作用總結
- html中b標簽與strong標簽的區別是什么？b與strong區別的總結
- HTML <a> download屬性使用方法詳細說明
- xhtml與html之間有什么區別？xhtml與html之間的異同區分
- html中的document對象是什么？一篇文章讓你知道document對象
- html font標簽如何設置字體大小？html font標簽屬性用法說明
- HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？
- HTML中的圖片如何自適應屏幕？這篇文章有圖片的自適應用法說明
