CSS是一種樣式表語言，它可以用來控制HTML文檔中的外觀和布局。其中一個常見應用就是遮住圖片或元素，使它們只顯示一部分，而不是完全顯示。下面我們來介紹一些方法如何使用CSS來遮住圖片。

/* 方法一：使用position和z-index來遮住圖片 */
.img-container {
position: relative;
}
.img-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #000; /* 遮罩的顏色 */
opacity: 0.5;  /* 遮罩的透明度 */
}
/* 方法二：使用clip-path來遮住圖片 */
.img-container-2 {
-webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 50%);
clip-path: polygon(0% 0%, 0% 100%, 50% 50%);
}
/* 方法三：使用偽元素來遮住圖片 */
.img-container-3 {
position: relative;
}
.img-container-3::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #000; /* 遮罩的顏色 */
opacity: 0.5; /* 遮罩的透明度 */
}

我們可以嘗試應用上述方法來遮住一張圖片，或者遮住頁面中的某個元素，以達到美化或保護隱私的效果。