CSS是一种用于控制网页元素的样式语言，可以通过设置元素的样式来改变其外观和属性。在CSS中，可以使用`top`属性来将一个元素的水平位置限制在父元素的顶部，从而实现遮挡的效果。下面是一个使用`top`属性的示例：
“`css
.parent {
position: relative;
width: 100px;
height: 100px;
.child {
position: absolute;
top: 50px;
width: 50px;
height: 50px;
background-color: blue;
在这个示例中，`.parent`元素是父元素，`.child`元素是子元素。`top: 50px`属性设置子元素在父元素的顶部50px处，`width: 50px;`和`height: 50px`属性设置子元素的宽度和高度为50像素，`background-color`属性设置子元素的背景色为蓝色。
通过将子元素设置为`position: absolute`并设置`top`属性，子元素将始终位于父元素的顶部。由于子元素没有父元素的`top`属性，因此它的位置将随着父元素的移动而变化。如果父元素的宽度和高度较小，则子元素可能会重叠在父元素上。
使用`top`属性可以实现一个简单的遮挡效果，可以用来控制网页中不同元素的位置和大小，从而营造出不同的布局效果。