CSS Div右上角广告是网站设计中常用的一种布局方式。通过CSS样式控制，可以在网站页面上较为突出地展示广告位，提高广告的点击率和转化率。

.ad-div {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.ad-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

上述代码中，我们定义了一个class为.ad-div的div元素，设置其相对于父元素的位置为绝对定位，距离顶部和右侧均为10px。同时，我们指定了该广告区域的宽度和高度均为200px，背景颜色为白色，边框为灰色。在text-align属性中设置居中对齐。其次，我们使用了子元素选择器来控制广告图像的样式，使其填充整个div区域，同时对其进行了等比例缩放。

在实际使用中，我们可以将该CSS样式与广告图像路径等信息嵌入到一个HTML页面中：

<div class="ad-div">
  <a href="https://www.example.com">
    <img src="https://www.example.com/image.png" alt="广告图">
  </a>
</div>

上述代码中，我们在div元素中插入了一个a标签来包装广告图像，以便添加点击事件和链接地址。同时，我们还通过img元素中的alt属性来添加图像的描述信息，有利于搜索引擎优化和无障碍访问。使用这种方式，我们便可以在网页中轻松地添加一个右上角广告。