首頁  >  文章  >  web前端  >  css中padding是什麼意思

css中padding是什麼意思

青灯夜游
青灯夜游原創
2021-05-17 17:49:3729898瀏覽

在css中,padding的意思為“填充”或“內邊距”,用於定義元素邊框與元素內容之間的空間,即元素的內邊距。 padding是一個簡寫屬性,它可以設定元素所有內邊距的寬度,或是設定各邊上內邊距的寬度。

css中padding是什麼意思

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css中padding是什麼意思

CSS padding(填充)

#CSS padding(填充)是一個簡寫屬性,定義元素邊框與元素內容之間的空間,即元素的內邊距。

css中padding是什麼意思

當元素的 padding(填滿)內邊距被清除時,所釋放的區域將會受到元素背景顏色的填滿。

單獨使用 padding 屬性可以改變上下左右的填充。

說明:

這個簡寫屬性設定元素所有內邊距的寬度,或是設定各邊上內邊距的寬度。行內非替換元素上設定的內邊距不會影響行高計算;因此,如果一個元素既有內邊距又有背景,從視覺上看可能會延伸到其他行,有可能還會與其他內容重疊。元素的背景會延伸穿過內邊距。不允許指定負邊距值。

Padding屬性,可以有一到四個值。

padding:25px 50px 75px 100px;
  • 上填充為25px

  • #右填充為50px

  • 下填充為75px

  • 左填入100px

#
padding:25px 50px 75px;
  • ##上填入25px

  • #左右填入50px

  • 下填入為75px

  • padding:25px 50px;
  • 上下填入25px

  • 左右填入50px

  • padding:25px;
  • #所有的填滿都是25px

範例:

<html>
<head>
<style type="text/css">
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td class="test1">
这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
这个表格单元的上和下内边距是 0.5cm,左和右内边距是 2.5cm。
</td>
</tr>
</table>
</body>

</html>

css中padding是什麼意思

學習影片分享:

css影片教學

以上是css中padding是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn