CSS右上角關閉是網頁設計中常用的功能，在彈出框、菜單等地方經常能見到。下面我們來學習如何使用CSS代碼實現(xiàn)右上角關閉功能。

/*首先定義關閉按鈕的樣式*/
.close-btn {
position:relative;
top:-15px;
right:-15px;
width:30px;
height:30px;
background-color:#f44336;
border-radius:50%;
color:#fff;
text-align:center;
font-size:20px;
font-weight:bold;
cursor:pointer;
}
/*接下來是在HTML中添加關閉按鈕的代碼*/
<div class="pop-up">
<p>這里是彈出框的內容。</p>
<span class="close-btn">x</span>
</div>
/*最后是為關閉按鈕添加點擊事件的代碼*/
document.querySelector('.close-btn').addEventListener('click', function() {
document.querySelector('.pop-up').style.display = 'none';
});

以上就是實現(xiàn)CSS右上角關閉的方法。我們可以根據需要調整樣式和代碼，讓關閉按鈕更加符合網頁設計需要。