CSS是前端開發(fā)中非常重要的一部分，它可以對網(wǎng)頁進行布局、排版、樣式等處理。而對于網(wǎng)頁加窗口，CSS也是非常實用的一種方法。下面我們來學習一下在CSS中如何加窗口。

/* 在CSS中加窗口 */
/* 先定義窗口的樣式 */
.window{
width: 300px;
height: 200px;
background-color: #fff;
border: 1px solid #666;
border-radius: 10px;
box-shadow: 10px 10px 5px #888888;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);/*垂直居中*/
z-index: 1;/*設(shè)置層級*/
}

代碼中的.window表示窗口的樣式，width和height分別指定了窗口的寬度和高度。background-color設(shè)置窗口的背景色，border定義了窗口的邊框，border-radius實現(xiàn)了窗口的圓角效果，box-shadow則實現(xiàn)了陰影效果。

而在窗口的位置上，我們使用了position:absolute，top:50%和left:50%實現(xiàn)了將窗口垂直和水平居中的效果。同時，通過使用z-index來設(shè)置窗口的層級，使其在其他元素之上。

在頁面中添加窗口的方法如下：

這是一個窗口

通過在HTML中添加窗口的代碼，我們就可以將自己定義的窗口添加到頁面當中。CSS中加窗口就是這么簡單的。