< p>CSS方框和三角是CSS中常用的樣式，可以用來美化網頁的外觀效果。< /p>< p>在CSS中，我們可以使用border屬性來創建方框。border屬性可以設置邊框的寬度、樣式、顏色等等。其中，樣式有solid、dotted、dashed、double、groove、ridge、inset和outset等8種選擇。在實際應用中，我們可以通過這些樣式的組合來創建不同的邊框效果。例如，我們可以使用以下代碼創建一個雙邊框：< /p>< pre>.border { border: 10px double #000; }< /pre>< p>除了使用border屬性之外，我們還可以使用CSS偽元素來實現創建三角的效果。CSS偽元素有before和after兩種類型，在HTML文檔中是不存在的。他們可以使用CSS樣式來定義內容，進而對HTML文檔進行擴展。在偽元素中，content屬性是必須的。例如，我們可以使用以下代碼創建一個向上的三角形：< /p>< pre>.triangle-up { position: relative; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #000; }< /pre>< p>上述代碼中，我們使用border屬性來創建三角形。其中，左和右邊的邊框寬度設置為0，上邊邊框使用了transparent透明效果。這樣的話，在三角形的上方沒有了邊框，只留下一條黑色的下方邊框，這就形成了一個三角形。當然，這只是一個簡單的例子，根據不同的需求，我們可以設置不同的邊框寬度、顏色和樣式來創建各種各樣的三角形形狀。< /p>