關于 CSS 的簡單畫法

在 CSS 中，我們可以使用 border 屬性來畫出簡單的形狀，比如矩形、圓形等等。下面是一些常見的用法：
矩形：border: 1px solid black;
圓形：border-radius: 50%;
三角形：width: 0; height: 0; border-top: 50px solid red; border-right: 50px solid transparent;
梯形：width: 100px; height: 0; border-bottom: 50px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent;
在這些例子中，我們使用了一些 CSS 的屬性，比如 border、border-radius、width、height 等等。我們還可以使用這些屬性的組合，來畫出更加復雜的形狀，如下：
正方形：width: 100px; height: 100px; border: 1px solid black;
矩形：width: 200px; height: 100px; border: 1px solid black;
圓形：width: 100px; height: 100px; border-radius: 50%; background-color: red;
橢圓形：width: 200px; height: 100px; border-radius: 50%; background-color: red;
五邊形：width: 100px; height: 100px; position: relative; background-color: red; transform: rotate(36deg); 
border-top: 60px solid transparent; border-bottom: 60px solid transparent;
border-left: 100px solid red; border-right: 100px solid red;
六邊形：width: 100px; height: 100px; position: relative; background-color: red; transform: rotate(60deg); 
border-top: 60px solid transparent; border-bottom: 60px solid transparent;
border-left: 50px solid red; border-right: 50px solid red;
總之，在 CSS 中，我們可以使用各種方法來畫出我們需要的形狀，只要我們熟悉了這些屬性和用法就可以了。希望本文能對大家有所幫助。