CSS是一門用于控制網頁樣式和布局的語言。在網頁設計中，經常需要對一些元素進行隱藏或關閉，這時候，關閉符號就派上用場了，本文將介紹如何用CSS來編寫關閉符號。

/* 關閉符號樣式 */
.close {
display: inline-block;
position: relative;
line-height: 20px;
font-size: 20px;
color: #999;
cursor: pointer;
}
.close:before, .close:after {
content: "";
display: block;
position: absolute;
height: 2px;
width: 10px;
background: #999;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
/* 還可以添加一些交互效果，比如鼠標懸停時改變顏色 */
.close:hover {
color: #f00;
}
.close:hover:before, .close:hover:after {
background: #f00;
}

在上述代碼中，我們定義了一個名為“close”的class，表示該元素為關閉符號。首先，我們設置了該元素的顯示方式為“inline-block”，這樣它就可以跟其他內聯元素一樣排列在一行中。

接下來設置了一些樣式，比如相對定位、行高、字體大小、顏色和鼠標指針。然后定義了兩個偽元素“before”和“after”，它們分別表示關閉符號的兩條線。

在這兩個偽元素中，我們設置了它們的內容為空，顯示方式為“block”，并且都絕對定位在父元素“close”上。然后分別設置了它們的高度、寬度和背景色。

最后，我們為“close”元素設置了鼠標懸停時的樣式，當鼠標懸停在上面時，字體和兩條線的顏色都會變成紅色。

這就是用CSS編寫關閉符號的方法，只需簡單的幾行代碼就可以實現一個美觀、實用的關閉符號，可以用于各種網頁設計中。