CSS 中表示間隙的方式有很多,下面我們來一一介紹。
/* 使用 margin 和 padding 實現間隙 */ /* margin 表示元素與其他元素之間的間隙 */ .margin-demo { margin: 10px; } /* padding 表示元素內部內容與元素邊緣之間的間隙 */ .padding-demo { padding: 10px; } /* 使用 border 實現間隙 */ /* border 表示元素的邊框,可以設置寬度、顏色等屬性 */ .border-demo { border: 1px solid #000; } /* 使用 box-shadow 實現間隙 */ /* box-shadow 表示元素的陰影,通過設置陰影的偏移量,可以實現間隙的效果 */ .box-shadow-demo { box-shadow: 0 0 10px 10px #000; } /* 使用背景色實現間隙 */ /* 通過設置元素的背景色,可以讓它與其他元素之間產生間隙 */ .background-demo { background-color: #fff; }