CSS的右上角關閉按鈕是一個很常見的UI組件。它在Web應用程序和網站中經常用于關閉彈出窗口、對話框和其他彈出式UI元素。

要創建一個CSS右上角關閉按鈕，我們可以使用偽元素來實現。我們可以使用類或ID選擇器將偽元素附加到需要關閉的元素上，然后為它們設置樣式。

.close-btn {
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
cursor: pointer;
}
.close-btn:before,
.close-btn:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 15px;
background-color: #000;
}
.close-btn:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.close-btn:after {
transform: translate(-50%, -50%) rotate(-45deg);
}

我們在樣式中使用了position屬性來將關閉按鈕移到指定的位置。使用top和right屬性將其定位在元素的右上角。

我們還在偽元素:before和:after中使用content屬性，并將其設置為空字符串，以便在元素中顯示一些內容。通過設置position屬性來將這些偽元素放置在合適的位置，我們可以同時旋轉它們實現"X"形的效果。

當然，這只是一種實現方式，您可以自由更改樣式來實現自己想要的樣式。