在CSS中設置涂鴉是一種很有趣的技術，可以為網頁增添生動趣味。下面我們來學習一下如何設置涂鴉。

.graffiti {
position: absolute; /* 相對定位 */
left: 0; /* 設置左邊距為0 */
top: 0;  /* 設置上邊距為0 */
width: 100%; /* 設置寬度為100% */
height: 100%; /* 設置高度為100% */
z-index: -1; /* 設置層級為-1，將其置于底部 */
background: url("graffiti.jpg"); /* 設置背景圖片 */
background-size: cover; /* 背景圖按比例縮放 */
opacity: 0.5; /* 設置透明度為0.5 */
}

我們首先定義了一個名為“graffiti”的類，這里我們將其設置為絕對定位，然后將其左上角放在網頁的左上角，同時寬度和高度設置為100%，這樣我們可以保證涂鴉覆蓋整個頁面。接下來我們將其層級設置為-1，這樣它會被放置在網頁底層，不會覆蓋其他的內容。

最后，我們設置了一個背景圖片，并將其按比例縮放，設置了透明度為0.5，這樣涂鴉的顏色不會過于濃重，不會影響網頁其他的內容。至此，我們成功地設置了一個涂鴉背景。