CSS 好看的 div 塊,是指使用 CSS 樣式美化后的 div 元素,可以讓網頁的呈現更加美觀、易讀、易用。
下面是一個例子,展示如何使用 CSS 屬性來美化 div 元素:
/* CSS 代碼 */ div { background-color: #e5e5e5; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); color: #333; font-family: Arial, sans-serif; font-size: 16px; margin: 10px; padding: 10px; text-align: center; transition: all 0.3s ease; } div:hover { background-color: #f5f5f5; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); cursor: pointer; }
上面的代碼使用了一些 CSS 屬性,如:
background-color
設置了 div 的背景顏色;border
設置了 div 的邊框;border-radius
設置了 div 的圓角;box-shadow
設置了 div 的陰影;color
設置了 div 的字體顏色;font-family
設置了 div 的字體;font-size
設置了 div 的字體大小;margin
設置了 div 的外邊距;padding
設置了 div 的內邊距;text-align
設置了 div 的文本對齊方式。transition
設置了 div 的鼠標懸停效果,實現了微小的動畫效果
通過這些屬性的設置,可以讓 div 元素更加美觀、易讀、易用。