CSS是用于網頁設計的一套樣式語言，提供了用于控制網頁元素外觀的基本語法和工具。在CSS中，我們可以通過使用三角形邊框來實現一個簡單的三角形效果。

下面是一個使用CSS實現三角形效果的示例代碼：

```html

<div class="triangle">

<div class="handle"></div>

<div class="edge"></div>

</div>

```css

.triangle {

position: relative;

width: 100px;

height: 100px;

.handle {

position: absolute;

top: 0;

left: 0;

width: 100px;

height: 100px;

background-color: #ccc;

border-radius: 50px 50px 0 0;

transform: rotate(-45deg);

.edge {

position: absolute;

top: 50px;

left: 0;

width: 100px;

height: 100px;

background-color: #ccc;

border-radius: 0 0 50px 50px;

transform: rotate(45deg);

在上面的代碼中，我們使用了 `.triangle` 元素來創建三角形。然后，我們為 `.handle` 元素和 `.edge` 元素設置了相同的背景顏色，并使用了 `border-radius` 屬性來創建三角形邊框。最后，我們使用 `transform` 屬性來控制旋轉角度，以創建一個平滑的三角形。

你可以根據需要調整元素的大小和位置，以獲得不同的效果。通過將 `.triangle` 元素設置為相對定位，我們可以使其沿著頁面滾動。你也可以在元素中添加其他元素，以使其看起來更加復雜。

通過使用CSS，我們可以輕松地創建一個漂亮的三角形效果，并將其應用于各種應用場景。