好看的CSS方塊可以為網站增添活力,吸引用戶的眼球。以下是一些簡單而又好看的CSS方塊示例:
/* 示例1:彩色背景方塊 */ .box1{ width: 150px; height: 150px; background-color: #f44336; display: inline-block; margin: 10px; } /* 示例2:帶陰影的方塊 */ .box2{ width: 200px; height: 100px; background-color: #2196f3; box-shadow: 0px 0px 10px #ccc; margin: 10px; } /* 示例3:漸變色背景方塊 */ .box3{ width: 150px; height: 150px; background: linear-gradient(to right, #f44336, #2196f3); display: inline-block; margin: 10px; }
以上三個示例中,第一個背景為紅色,第二個帶有灰色陰影,第三個背景為漸變色。這些方塊的屬性指定寬度、高度、顏色、邊框、內部填充等。
這些方塊可以用于構建按鈕、圖標、卡片等,使網站更加美觀。