用 CSS 做遮蓋是一種使用 CSS 樣式來對網頁或圖像進行遮蓋的常見技術。這種技術可以用于許多不同的用途,例如保護個人隱私、遮蓋廣告、創造有趣的布局等等。
下面是一個簡單的示例,展示了如何使用 CSS 樣式來創建一個簡單的遮蓋效果:
background-size: cover;
background-position: center;
background-repeat: no-repeat;
body {
margin: 0;
padding: 0;
.遮蓋 {
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
我們還使用 `box-shadow` 屬性設置了 `遮蓋` 類的元素的邊框和內邊距。這個屬性可以讓我們將陰影效果投射到元素的周圍,從而創造出一個有趣的布局效果。
使用 CSS 做遮蓋可以是一種非常有用的技術,它可以用于許多不同的用途,例如保護個人隱私、遮蓋廣告、創造有趣的布局等等。希望這個簡單的示例可以幫助您了解如何使用 CSS 樣式來創建遮蓋效果。