添加飄窗是CSS中的一個(gè)常見(jiàn)需求，通常用于顯示一些重要的信息或者廣告，在CSS中，我們可以使用position屬性來(lái)定位飄窗，使用width和height屬性來(lái)設(shè)置飄窗的大小，使用background屬性來(lái)設(shè)置飄窗的背景色，使用color屬性來(lái)設(shè)置飄窗的文字顏色，使用border屬性來(lái)設(shè)置飄窗的邊框，使用z-index屬性來(lái)設(shè)置飄窗的層級(jí)。

下面是一個(gè)簡(jiǎn)單的例子，展示了如何在CSS中添加一個(gè)飄窗：

.float-window {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  background-color: #f00;
  color: #fff;
  border: 1px solid #000;
  z-index: 999;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)類(lèi)名為float-window的飄窗，它固定在頁(yè)面的中心位置，大小為200px*100px，背景色為紅色，文字顏色為白色，邊框?yàn)?px的黑色實(shí)線，層級(jí)為999。

我們可以在HTML中使用這個(gè)類(lèi)名來(lái)添加飄窗：

<div class="float-window">
  <p>這是一個(gè)飄窗</p>
</div>

在這個(gè)HTML代碼中，我們創(chuàng)建了一個(gè)div元素，并給它添加了float-window類(lèi)名，這樣它就會(huì)成為一個(gè)飄窗，在div元素中，我們可以添加任何需要顯示的內(nèi)容，比如文本、圖片等。

通過(guò)以上步驟，我們就可以在CSS中添加一個(gè)飄窗了，這只是一個(gè)簡(jiǎn)單的例子，實(shí)際使用中可能需要根據(jù)具體需求進(jìn)行調(diào)整，基本的CSS屬性使用方法都是相似的。