在HTML5和CSS3中，可以使用特殊符號來美化網站的樣式。其中一個很常見的符號是正方形，在這里我們將介紹如何用代碼實現正方形符號。

<div class="square"></div>

上述代碼中，我們使用了div標簽來創建一個容器，并給它添加了一個類名為“square”。接下來，我們使用CSS3來為這個容器添加樣式。

.square {
width: 20px;
height: 20px;
background-color: #000000;
}

在上面的代碼中，我們為“square”類添加了寬度和高度，并將其背景顏色設置為黑色。這樣，我們就成功地創建了一個黑色的正方形符號。

如果您想要使正方形符號更加美觀，可以將其放置在一個圓形容器中。以下是相應的HTML和CSS3代碼：

<div class="circle">
<div class="square"></div>
</div>
.circle {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #000000;
display: flex;
justify-content: center;
align-items: center;
}
.square {
width: 20px;
height: 20px;
background-color: #ffffff;
border-radius: 3px;
}

在上述代碼中，“circle”類代表圓形容器，它的樣式中設置了寬度、高度、邊框半徑、背景顏色和一些Flexbox屬性。Flexbox屬性用于將正方形居中放置在圓形容器中。

然后，“square”類表示正方形符號，并設置了寬度、高度、背景顏色和邊框半徑。將邊框半徑設置為3像素可以使它的邊角更加平滑。