使用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单位来设置。 通过这种方式，我们就可以在网站中方便地加入通知、购物车等数字信息展示，提升网站用户体验，实现简单实用的功能。