CSS 如何畫尖角 在開發網頁中，我們經常會遇到需要畫尖角的情況。那么，如何使用 CSS 來實現尖角呢？ 在 CSS 中，我們可以使用偽類 `:before` 或 `:after` 來創建一個新的元素，并在該元素中繪制尖角。 如下是一個基本的示例代碼：

p:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #555 transparent transparent transparent;
}

在這個示例中，我們使用 `:before` 來創建了一個額外的元素。通過設置該元素的 `content` 為空，它就不會顯示在頁面上。然后，使用 `border` 屬性畫出尖角。 具體來說，我們設置了一個 `border-style` 為 `solid` 的邊框，以實現尖角的形狀。其中，`border-width` 中的四個值分別代表上、右、下、左邊框的寬度。這里，我們將右邊框的寬度設置為 0，以使它不顯示出來。 接下來，我們使用 `border-color` 設置邊框的顏色。這里，我們只顯示了上邊框的顏色，而把右、下、左邊框的顏色都設置為 `transparent`，以使它們不顯示在頁面上。 通過這樣的方式，我們就能簡單地使用 CSS 實現一個帶有尖角的效果了。