今天我們來學習如何使用HTML畫一個藍球。
<!DOCTYPE html> <html> <head> <style> .ball { width: 100px; height: 100px; border-radius: 50%; background-color: blue; } </style> </head> <body> <div class="ball"></div> </body> </html>
上面的代碼中,我們使用了一個div元素,并為它添加了一個名為ball的class。在樣式表中,我們為這個class定義了若干屬性,從而使得這個div元素呈現出一個藍色的、圓形的球體。
在實際開發中,我們也可以使用其他的HTML元素,例如canvas等來繪制更加復雜的圖形。但是,使用HTML和CSS來繪制簡單的圖形已經足夠我們在日常的Web開發中使用了。