您好,登錄后才能下訂單哦!
本篇內容主要講解“css如何設置首行縮進”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“css如何設置首行縮進”吧!
在css中,可以利用“text-indent”屬性來設置文本的首行縮進,該屬性的作用就是規定文本塊中首行文本的縮進樣式,只需要給元素添加“text-indent:縮進值;”樣式即可。
本教程操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css怎么設置首行縮進
在css中,可以利用text-indent屬性來設置首行縮進,text-indent屬性的作用就是規定文本塊中首行文本的縮進。
示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> p {text-indent: 1cm} </style> </head> <body> <p> 噫吁嚱,危乎高哉!蜀道之難,難于上青天!蠶叢及魚鳧,開國何茫然!爾來四萬八千歲,不與秦塞通人煙。西當太白有鳥道,可以橫絕峨眉巔。地崩山摧壯士死,然后天梯石棧相鉤連。上有六龍回日之高標,下有沖波逆折之回川。黃鶴之飛尚不得過,猿猱欲度愁攀援。青泥何盤盤,百步九折縈巖巒。捫參歷井仰脅息,以手撫膺坐長嘆。 </p> </body> </html>
輸出結果:
到此,相信大家對“css如何設置首行縮進”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。