右上角三角形是一種常見的css樣式，用于美化網頁元素或者彈出框。下面我們介紹一種實現此樣式的css代碼。

.triangle{
width: 0;
height: 0;
border-top: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 30px solid #F00;
border-left: 30px solid #F00;
}

上述代碼中，我們定義了一個寬高為0的div容器，通過border的樣式和顏色實現了右上角三角形的效果。其中，我們設置了上下左右四個邊框的大小和顏色，將其中的兩個設置為透明的，就使得容器呈現出三角形的形狀。

我們為該div容器添加一些文字和背景色，可以得到如下效果：

<div class="triangle">
<p>我是文本內容</p>
</div>
.triangle{
width: 100px;
height: 70px;
background-color: #EEE;
border-top: 30px solid transparent;
border-right: 30px solid transparent;
border-bottom: 30px solid #F00;
border-left: 30px solid #F00;
}
p{
text-align: center;
margin-top: 20px;
}

通過這種方式，我們可以輕松實現各種形狀的三角形，為網頁設計提供更多可能性。