CSS分割線屬性可以用于為網(wǎng)頁中的不同部分添加分隔符,讓頁面更美觀,更易于閱讀。下面介紹幾種常見的CSS分割線屬性。
/* 添加水平分割線 */ hr { border: none; border-top: 1px solid #eee; /* 可以自定義顏色和寬度 */ clear: both; /* 清除浮動 */ margin: 20px 0; /* 可以自定義上下邊距 */ } /* 添加垂直分割線 */ .divider { height: 30px; /* 可以自定義高度 */ width: 1px; background-color: #ccc; /* 可以自定義顏色 */ display: inline-block; margin: 0 10px; /* 可以自定義左右邊距 */ } /* 添加虛線分割線 */ .dashed { border: none; border-top: 1px dashed #ddd; /* 可以自定義顏色和寬度 */ clear: both; /* 清除浮動 */ margin: 20px 0; /* 可以自定義上下邊距 */ } /* 添加漸變分割線 */ .linear-gradient { border: none; height: 10px; /* 可以自定義高度 */ background: linear-gradient(to right, rgba(255, 255, 255, 0), #ccc, rgba(255, 255, 255, 0)); /* 可以自定義漸變方向、顏色和透明度 */ clear: both; /* 清除浮動 */ margin: 20px 0; /* 可以自定義上下邊距 */ }
以上是一些常見的CSS分割線屬性,使用它們可以使頁面更加美觀,提高用戶的閱讀體驗(yàn)。