使用CSS在網頁右上角展示數字是一種常見的網頁設計元素。通過CSS的樣式設置，我們可以在網頁中展示比如通知數量、購物車商品數量等數字信息，增強網站用戶體驗。下面介紹一些實現方法。 首先，在HTML中可以使用span標簽來設置數字，如下面的代碼：

<div>
<span>1</span>
<span>2</span>
<span>3</span>
</div>

在CSS中，可以通過設置position來使數字展示在頁面右上角。具體方法是設置數字所在的標簽（這里是span）的position，同時設置其父標簽的position。

<style>
div {
position: relative;
}
span {
position: absolute;
top: -10px;
right: -10px;
background-color: red;
color: white;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 14px;
}
</style>

上述代碼中，將div標簽設置position: relative，使得其成為span標簽的父元素，span標簽設置position: absolute，使得其相對于父元素div進行定位。然后通過設置top和right來調整數字在右上角的位置，設置其顏色、背景等樣式。 注：其中border-radius: 50%的作用是將數字所在的標簽變成一個圓形，使得數字看起來更美觀。 另外，為了適配不同尺寸的屏幕，還可以通過設置rem單位來設置數字大小，如下所示：

<style>
div {
position: relative;
}
span {
position: absolute;
top: -0.8rem;
right: -0.8rem;
background-color: red;
color: white;
border-radius: 50%;
width: 1.6rem;
height: 1.6rem;
text-align: center;
line-height: 1.6rem;
font-size: 1.2rem;
}
</style>

上述代碼中，將數字大小設置為1.2rem，且將div和span的寬高都用rem單位來設置。 通過這種方式，我們就可以在網站中方便地加入通知、購物車等數字信息展示，提升網站用戶體驗，實現簡單實用的功能。