CSS中添加渐变可以为我们的网页增添一份高级感，而右上角渐变则是一种极为常用的样式。通过以下代码，我们可以轻松地实现右上角的渐变效果。

background: linear-gradient(to top right, #f9d423, #ff4e50);

这里使用了CSS3的渐变属性linear-gradient，它的第一个参数to top right表示渐变方向是从下向上，并且从左到右。第二个参数#f9d423和第三个参数#ff4e50则分别表示渐变的起始色和结束色，你可以根据自己需要来调整它们的值。

如果想要让渐变更加流畅，可以使用多个颜色值来制作更加细腻的效果，如下所示：

background: linear-gradient(to top right, #f9d423, #ff4e50, #c0392b);

这里我们加入了第三个参数#c0392b，使得渐变更加多彩，效果更加出众。

最后提醒一下，如果你使用的是梯度渐变，则不要忘记添加供应商前缀。例如，如果需要兼容旧版浏览器，则需要添加如下代码：

background: -webkit-linear-gradient(top right, #f9d423, #ff4e50); /* Safari 5.1-6 */
background: -o-linear-gradient(top right, #f9d423, #ff4e50); /* Opera 11.1-12 */
background: -moz-linear-gradient(top right, #f9d423, #ff4e50); /* Firefox 3.6-15 */
background: linear-gradient(to top right, #f9d423, #ff4e50); /* standard */

通过以上的几个步骤，你也可以轻松地实现一个漂亮的右上角渐变。试着给你的网站加上这个效果，让它更加与众不同吧！