CSS の最初の行のインデントを設定する方法: まず新しい HTML コード ファイルを作成し、次に のクラスを設定し、次に <p><img src="https://img.php.cn/upload/article/202102/28/2021022810332021384.jpg"/ alt="CSSの1行目をインデントする方法" ><p>このチュートリアルの動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。 <p>新しい HTML コード ファイルを作成し、この HTML コード ページに <div> を作成し、この <div> のクラスを設定してから、この <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の1行目をインデントする方法"/><p>スタイルを設定します。 <title> タグの後に新しい <style> を作成します。この <style> では、cont クラスの幅を 400px に設定し、p タグの 1 行目のインデントを 2 文字に設定します。図に示すように: <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; } 顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多 的顶顶顶顶顶的顶顶顶顶顶 顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多