CSS頂部彈出框是網(wǎng)頁(yè)設(shè)計(jì)中常用的一種效果，它可以讓網(wǎng)頁(yè)更加生動(dòng)有趣。下面是一個(gè)簡(jiǎn)單的實(shí)現(xiàn)示例，代碼使用了HTML和CSS語(yǔ)言。

<div class="popup">
<p class="message">這是一條提示信息！</p>
<a href="#" class="close">關(guān)閉</a>
</div>
.popup {
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
z-index: 1;
}
.popup .message {
display: inline-block;
margin: 0;
color: #333;
}
.popup .close {
float: right;
font-size: 18px;
color: #999;
text-decoration: none;
}
.popup .close:hover {
color: #333;
}

代碼中，我們首先定義了一個(gè)class為popup的div元素，使其position屬性為fixed，top屬性為0，也就是將其固定在頁(yè)面頂部。設(shè)置背景顏色、內(nèi)邊距、陰影等樣式，使其在頁(yè)面中更加突出。

在popup元素中，我們還添加了一個(gè)class為message的p元素，用于顯示提示信息。同時(shí)，我們還添加了一個(gè)class為close的a元素，用于關(guān)閉頂部彈出框。設(shè)置了文本顏色、字體大小等樣式，并使用float屬性將其向右浮動(dòng)。

通過使用CSS選擇器和樣式屬性，我們即可輕松實(shí)現(xiàn)一個(gè)簡(jiǎn)單的頂部彈出框效果。在實(shí)際項(xiàng)目中，我們可以根據(jù)需要進(jìn)行更加復(fù)雜和精細(xì)的設(shè)計(jì)，來創(chuàng)建更加美觀和實(shí)用的網(wǎng)頁(yè)效果。