CSS右上角添加X標志是一種常見的Web設計技巧，它可以為用戶提供更好的交互體驗，讓用戶可以方便地關閉或隱藏頁面上的某些元素，如提示框、通知框或廣告。

要實現這一技巧，我們需要使用CSS的偽元素和絕對定位來布局頁面，代碼如下：

.close {
position: relative;
display: inline-block;
padding: 0.5em;
cursor: pointer;
}
.close::before,
.close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 20px;
background-color: #333;
}
.close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}

以上代碼中，我們使用了一個類名為“close”的元素來代表X標志，給它設置了相對定位、內邊距和光標樣式。

接下來，我們使用“::before”和“::after”偽元素來分別添加X標志的上半部分和下半部分，采用絕對定位和旋轉變換來布局。最后，我們需要將X標志內嵌到某個元素中，如提示框或通知框，通過“position: absolute; top: 0; right: 0;”等樣式來設置其在頁面中的位置。

通過以上步驟，我們就可以在頁面的右上角添加一個漂亮的、具有交互性的X標志，使頁面更加美觀和易用。