溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS上下間距怎么設置

發(fā)布時間:2022-03-14 14:15:46 來源:億速云 閱讀:158 作者:iii 欄目:web開發(fā)

這篇文章主要介紹“CSS上下間距怎么設置”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“CSS上下間距怎么設置”文章能幫助大家解決問題。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p段落高下間距隔斷配置實例 CSS5</title>
<style>
.abc{ line-height:20px; text-align:left}
.p-a p{ margin-top:30px; margin-bottom:30px}
.p-b p{ margin-top:60px; margin-bottom:60px}
</style>
</head>
<body>
<div class="abc">
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
<p>第四段</p>
</div>

<div class="abc p-a"> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> </div>

<div class="abc p-b"> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> </div> </body> </html>

關于“CSS上下間距怎么設置”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識,可以關注億速云行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

css
AI