HTML中的div，也稱為division元素，是在頁面布局中非常重要的。它實際上就是一個容器，可以在其中包含其他元素，為頁面提供更好的結構和格式。 除了傳統的正方形或長方形div，我們還可以使用CSS來設置不同的形狀，以創造更加獨特的頁面效果。 下面是一些可以使用的CSS樣式設置： 1. 圓角樣式 使用border-radius屬性可以設置div的圓角樣式，比如：

div {
border-radius: 5px;
}

2. 圓形樣式 要創建圓形的div，可以將width和height屬性設置為相等的數值，并使用border-radius將圓角設置為50%：

div {
width: 100px;
height: 100px;
border-radius: 50%;
}

3. 三角形樣式 使用CSS的transform屬性，我們可以將div旋轉45度，然后在border-top和border-left屬性上添加一些顏色和寬度。這就可以創建一個簡單的三角形：

div {
width: 0;
height: 0;
border-top: 50px solid red;
border-left: 50px solid transparent;
transform: rotate(45deg);
}

4. 梯形樣式 要創建梯形形狀的div，我們可以使用CSS的偽類選擇器:after來添加一個充當梯形邊緣的元素：

div {
position: relative;
width: 150px;
height: 80px;
background-color: #0f0;
}
div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-top: 80px solid #0f0;
border-right: 75px solid transparent;
}

這些只是一些基本的div形狀變化，還有很多其他酷炫的形狀可以使用。無論您選擇哪種方法，都可以讓您的網頁呈現出比傳統矩形更加多樣化和有趣的外觀。