HTML5中的畫布canvas，是一個非常有趣的HTML元素，因為它可以讓開發者畫出各種各樣的圖形。CSS也可以與之配合使用，來控制畫布中的樣式。

在HTML中使用canvas標簽可以描繪出各種圖形，但是在css中使用canvas元素暫時無法直接奏效，因此，需要一個canvas畫布的HTML元素，這樣，我們才可以在canvas上應用css樣式。

以下是一個在html中引用canvas畫布的例子：

<canvas id="myCanvas" width="400" height="400"></canvas>

以上代碼中ID為“myCanvas”的元素是一個cancas畫布，它的寬度和高度都是400px。

接下來，我們可以應用CSS樣式：

#myCanvas {
background-color: #FFFFFF;
border: 2px dotted #000000;
}

以上CSS的作用是為canvas畫布設置背景白色、描繪一個帶黑色邊框的點狀線。

最后，我們可以開始在畫布中描繪圖形：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(200, 200, 50, 0, Math.PI * 2);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();

以上JS代碼創建了一個半徑為50像素的圓，并將它描繪在畫布的中心（200,200），顏色為藍色（#0095DD）。

這就是canvas畫布與css的結合使用，可以創建各種圖形。如果你很了解HTML5畫布和CSS，那么你可以利用這種技術來創建炫酷的效果。