在Web開發中，我們會遇到需要制作正方形的需求。正方形通常使用CSS來實現，其中h5和CSS是最為常用的技術組合。下面我們就來了解一下如何用h5和CSS來實現正方形。

.square{
width: 100px;
height: 100px;
background-color: #ccc;
}

上述代碼中，我們首先定義一個名為square的類。在類中，我們指定寬度和高度均為100px，這樣就實現了正方形的效果。同時，我們還指定了背景色為#ccc。

當然，這只是最基礎的制作正方形的方式。如果我們需要更為復雜的樣式，還可以利用CSS的偽類屬性來實現。比如，以下代碼可以讓一個正方形在鼠標懸停時變成紅色：

.square:hover{
background-color: red;
}

在上述代碼中，我們添加了一個:hover偽類，它表示當鼠標懸停在square元素上時，應用該樣式。在該樣式中，我們修改了背景顏色為紅色。

總之，利用h5和CSS可以方便地實現正方形。無論是基礎的正方形樣式，還是更為復雜的效果，我們都可以通過CSS輕松實現。希望本文對你有所幫助。