CSS3元素邊框可以通過一系列的新屬性來設置。
/* 設置圓角邊框 */ .box{ border: 1px solid #ccc; border-radius: 10px; } /* 設置陰影邊框 */ .box{ border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; } /* 設置漸變邊框 */ .box{ border: 1px solid #ccc; border-image: linear-gradient(to bottom, #ccc, #000); border-image-slice: 1; }
通過這些屬性的組合,我們可以創建出更加豐富多樣的元素邊框效果,提升頁面的美觀程度。