在Web開發中，CSS作為網頁樣式的一部分而被廣泛應用。本教程將通過畫畫畫的方式，詳細介紹CSS樣式的使用。

首先，我們需要了解CSS的語法結構。CSS語法主要由選擇器、屬性和屬性值三部分組成。其中選擇器用于指定需要添加樣式的元素，屬性用于定義樣式的具體屬性(比如字體、顏色、大小等)，屬性值則是定義的具體數值。

選擇器 { 屬性:屬性值; }

接下來我們將通過畫一幅畫的例子，展示CSS的具體使用。

首先，我們需要在HTML中創建一個畫布元素，比如：

<canvas id="myCanvas" width="200" height="100"></canvas>

接著，在CSS中為畫布元素添加樣式：

#myCanvas {
border: 1px solid black;
background-color: white;
	}

以上代碼表示為ID為"myCanvas"的畫布元素添加了邊框和白色背景色。

現在我們需要畫一些形狀來填充這個畫布。在HTML中添加如下代碼：

<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "blue";
context.fillRect(10,10,50,50);
context.fillStyle = "red";
context.fillRect(70,10,50,50);
...
	</script>

以上代碼使用了JavaScript的Canvas API，在畫布上繪制了兩個矩形：一個藍色、一個紅色。

最后，在CSS中添加如下代碼為矩形添加邊框，使它們更加美觀：

canvas {
border: 1px solid black;
	}
rect {
stroke: black;
stroke-width: 3;
	}

以上代碼為畫布和矩形添加了邊框，并為矩形添加了黑色描邊和粗細為3個像素的線條。

這就是CSS樣式的基本用法，通過畫畫的學習方式，相信大家已經對CSS的使用有了更深入的理解。