在網頁設計中，畫布是非常重要的一個元素，常常被用來作為背景、裝飾或者展示內容。CSS提供了多種方式來繪制畫布，下面介紹一些常用的技巧。

canvas {
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

首先我們可以使用CSS的基本屬性來設置畫布的背景色、邊框和陰影效果，這樣可以讓畫布看起來更加高級。

canvas {
width: 300px;
height: 200px;
background: linear-gradient(to right, #f5f5f5, #fff 50%, #f5f5f5);
}

接著我們可以用漸變來填充畫布，這樣可以讓畫布看起來更加生動。使用linear-gradient可以設置線性漸變，to right表示從左到右漸變，#f5f5f5表示起始色，#fff表示中間色，50%表示中間色所占比例，#f5f5f5表示結束色。

canvas {
width: 300px;
height: 200px;
background-image: url("pattern.png");
background-repeat: repeat;
}

此外，我們也可以使用圖片來填充畫布，可以選擇平鋪或拉伸等不同的樣式。在此處我們使用background-image和background-repeat屬性來設置圖片填充和平鋪方式。

canvas {
position: relative;
}
canvas:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(to right, transparent, rgba(0,0,0,0.1) 50%, transparent);
pointer-events: none;
}

最后，我們還可以使用偽元素來繪制畫布的陰影效果，這樣可以增加畫布的層次感。在此處我們使用:before偽元素，并使用linear-gradient來繪制線性漸變陰影效果。