css首行縮排的設定方法:先新建一個html程式碼檔案;然後給 設定一個class類別;接著在設定cont類別的寬為400px;最後設定p標籤的首行縮排為兩個字元即可。 <p><img src="https://img.php.cn/upload/article/202102/28/2021022810332021384.jpg"/ alt="css首行縮排怎麼弄" ><p>本教學操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。 <p>新建一個html程式碼文件,然後在這個html程式碼頁面上建立一個<div>,同時為這個<div>設定一個class類別;然後在這個<div>中建立幾個< ;p>,並個<p>加上內容。如圖:<p>程式碼:<pre class="brush:php;toolbar:false"><div class="cont"> <p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p> <p>的顶顶顶顶顶的顶顶顶顶顶</p> <p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p> </div></pre><p><img src="https://img.php.cn/upload/image/829/214/336/1614479672350721.png" title="1614479672350721.png" alt="css首行縮排怎麼弄"/><p>設定樣式。在<title>標籤後面新建一個<style>,在這個<style>設定cont類別的寬為400px,然後設定p標籤的首行縮排為兩個字元。如圖:<p>推薦:《<a href="https://www.php.cn/course/list/12.html" target="_blank">css影片教學》<p>程式碼:<pre class="brush:php;toolbar:false"><style> .cont{ width:400px; } .cont p{ text-indent: 2em; } 使用瀏覽器打開,即可看到首行縮排的效果。如圖:所有程式碼。直接複製所有程式碼,貼上到新建html檔案上,儲存後使用瀏覽器開啟即可看到所有效果。 程式碼: 首行缩进 .cont{ width:400px; } .cont p{ text-indent: 2em; } 顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多 的顶顶顶顶顶的顶顶顶顶顶 顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多