CSS中的邊距是指元素的四周空白區域,包括內邊距和外邊距。內邊距是元素內容與元素邊緣之間的距離,而外邊距則是元素邊緣與相鄰元素之間的距離。
/* 設置內邊距 */ .box { padding: 10px; /* 四周內邊距都為10px */ padding-top: 20px; /* 上邊內邊距為20px */ padding-bottom: 30px; /* 下邊內邊距為30px */ padding-left: 40px; /* 左邊內邊距為40px */ padding-right: 50px; /* 右邊內邊距為50px */ }
上述代碼演示了如何設置元素的內邊距,通過padding屬性可以同時指定四周內邊距大小,也可以分別指定不同方向的內邊距大小。
/* 設置外邊距 */ .box { margin: 10px; /* 四周外邊距都為10px */ margin-top: 20px; /* 上邊外邊距為20px */ margin-bottom: 30px; /* 下邊外邊距為30px */ margin-left: 40px; /* 左邊外邊距為40px */ margin-right: 50px; /* 右邊外邊距為50px */ }
上述代碼演示了如何設置元素的外邊距,通過margin屬性可以同時指定四周外邊距大小,也可以分別指定不同方向的外邊距大小。
需要注意的是,內邊距和外邊距的值可以為負數,表示元素內容與邊緣之間或邊緣與相鄰元素之間的重疊距離。
上一篇mysql 比較兩個時間
下一篇css設定整個頁面顏色