正三角用CSS怎么寫？
在CSS中，我們可以使用等邊三角形（Isosceles Triangle）的概念來實現一個正三角，等邊三角形是一個三條邊長度相等的三角形，也就是一個正三角，下面是一個簡單的CSS代碼示例，展示如何創(chuàng)建一個等邊三角形：
```css
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
```
這個CSS代碼定義了一個類名為`.triangle`的樣式，它創(chuàng)建了一個等邊三角形，這個三角形的底邊長度為100px，兩側邊框為50px，顏色為紅色，你可以根據需要調整這些值來改變三角形的大小和顏色。
### 三角形排版的HTML結構
在HTML中，你可以使用````html
```
### 樣式應用
將上述CSS樣式應用到HTML元素上，即可在網頁上顯示一個紅色的正三角形：
```html
```
### 響應式設計
如果你希望這個三角形在不同屏幕尺寸下都能保持正三角的形狀，可以使用媒體查詢（Media Queries）來調整三角形的尺寸：
```css
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
@media (max-width: 600px) {
.triangle {
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 60px solid red;
}
```
在這個示例中，當屏幕寬度小于600px時，三角形的尺寸會相應減小，保持正三角的形狀不變。
