三角形投影是網頁設計中經常用到的一種效果，它可以讓頁面中的三角形有立體感和立體效果，非常吸引人。 要實現三角形投影，需要使用一些CSS技巧，接下來我們就來介紹一下具體的方法。 首先，我們需要給三角形添加一些陰影效果。我們可以使用box-shadow屬性來實現這個效果。具體的代碼如下： pre { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); } 這個代碼會為三角形添加一個陰影，整體向下偏移3個像素，左右各擴散3個像素，并且透明度為0.3。 其次，我們需要讓三角形旋轉一定的角度，這樣陰影才能呈現出正確的投影效果。我們可以使用transform屬性來實現這個效果。具體的代碼如下： p { transform: rotate(45deg); /* 旋轉45度 */ } 這個代碼會將三角形旋轉45度，從而呈現出斜向的投影效果。 最后，我們需要調整三角形的邊框和尺寸，以便讓它呈現出完美的三角形形狀。具體的代碼如下： p { border-width: 20px; /* 邊框寬度 */ border-style: solid; /* 邊框樣式 */ border-color: transparent transparent #ff637c transparent; /* 邊框顏色 */ width: 0; height: 0; } 這個代碼會將三角形的邊框設置為20像素，樣式為實線，顏色為透明、透明、粉紅、透明的漸變。同時，將三角形的寬度和高度都設置為0，以便使用CSS進行形狀調整。 綜上所述，通過使用box-shadow、transform和邊框樣式和尺寸的調整，我們可以實現出非常有趣的三角形投影效果。希望本文的內容能對大家有所幫助。