Eva Chenim1010ioio.hashnode.dev·Sep 22, 2024#42 用 CSS border 繪製三角形箭頭 (等腰/直角三角形)↓ 今日學習重點 ↓ 學會用 border 繪製等腰與直角三角形 在 CSS 中，可以使用邊框 border 來繪製三角形，通常會被當成箭頭使用，用在提示框的邊緣或操作步驟按鈕上。 CSS border 三角形原理 首先我們先來觀察 CSS border，讓我們把一個正方形的邊框加粗，而且把四邊的顏色換成不一樣的： 我們會發現邊框與邊框之間會變成斜線的形狀，區隔出兩種顏色。 這時候如果我們再把這個方形的寬高設為零看看： .tri { height: 0px; widt...Super Easy CSS，極度簡單：寫出好的 CSS，從零開始前端生涯CSSAdd a thoughtful commentNo comments yetBe the first to start the conversation.
