印章(css ::after)

.seal {
position: relative;
width: 200px;
height: 200px;
border: 2px solid #333;
border-radius: 50%;
}
.seal::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background-color: #333;
border-radius: 50%;
}

印章是一種常見的設計元素，在網頁設計中也經常使用。使用CSS可以輕松的實現一個漂亮的印章效果。在這里，我們使用偽元素(::after)來實現。

首先，我們需要創建一個div元素并指定寬和高。然后，我們使用border-radius屬性將其變成一個圓形。現在，我們需要給這個圓形添加一個印章的效果。

我們使用偽元素(::after)來實現。偽元素可以在元素的末尾添加內容，使得我們可以添加印章的效果。我們使用絕對定位將偽元素定位在圓形的中心位置。我們還進行了一些樣式設置，如寬度、高度、邊框顏色等。

最后，我們得到了一個漂亮的印章效果。這樣的印章可以用來突出某些文本或者功能按鈕。使用CSS的偽元素可以讓我們在設計中更加靈活和方便。