在HTML中，繪制矩形是一項基本的技能。本文將分享HTML中繪制矩形的代碼，并附上源碼及實例演示，以幫助初學者更好地掌握這項技能。

vas標簽繪制矩形

vasvas標簽是HTML5中新增的標簽，用于繪制圖形和動畫等。下面是繪制矩形的代碼：

vasvasvas>script>vasententByIdvas');vastext('2d');

ctx.fillStyle = '#ff0000';

ctx.fillRect(50, 50, 100, 100);/script>

vasvas標簽，并獲取繪制上下文對象ctx。接著，設置填充顏色為紅色，并使用fillRect方法繪制矩形，其中50和50分別表示矩形左上角的x坐標和y坐標，100和100分別表示矩形的寬度和高度。

2. 使用CSS繪制矩形

vas標簽繪制矩形外，還可以使用CSS來繪制矩形。下面是使用CSS繪制矩形的代碼：

d-color: #ff0000;"></div>

上述代碼中，通過設置div元素的寬度和高度，實現了矩形的大小。然后，設置背景顏色為紅色，就完成了矩形的繪制。

3. 實例演示

vas標簽和CSS繪制矩形的實例演示，可以通過運行代碼查看效果。

vasvasvas>

d-color: #ff0000;"></div>script>vasententByIdvas');vastext('2d');

ctx.fillStyle = '#00ff00';

ctx.fillRect(75, 75, 50, 50);/script>

vasvas標簽中矩形的顏色和位置。

vasvas標簽可以實現更多的繪制功能，但需要使用JavaScript來操作。而使用CSS繪制矩形則更加簡單，但功能相對較少。讀者可以根據自己的需要選擇適合自己的方法。希望本文能夠對初學者有所幫助。