CSS中的右上角差號是一種常用的美化網頁的方法，用于關閉頁面元素或模態框。

要實現右上角差號，我們需要使用CSS的偽元素和絕對定位。下面是一個典型的CSS代碼示例：

::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
background-color: #000;
transform: rotate(45deg);
}
::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
background-color: #000;
transform: rotate(-45deg);
}

這段CSS代碼中，我們使用了兩個偽元素:before和:after，它們都被絕對定位在父元素的右上角，寬度和高度都設置為25像素。偽元素的背景顏色設置為黑色，然后使用transform屬性來旋轉45度和-45度，最終形成一個差號。

接下來把偽元素元素添加到HTML頁面中，如下所示：

<div class="close-btn"></div>

然后我們用CSS樣式來定義.close-btn元素如下：

.close-btn {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
}
.close-btn::before, .close-btn::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
background-color: #000;
transform: rotate(45deg);
}
.close-btn::after {
transform: rotate(-45deg);
}

在這里，我們使用了.close-btn元素的絕對定位來放置差號，然后將偽元素添加到.close-btn元素中定義樣式。

最后，我們成功創建了一個漂亮的右上角差號，用于在網頁上顯示一個有用的功能。