CSS作為網頁設計中的基本工具之一,可以用來做出各種各樣的網頁布局和效果。如果想制作一個正方形,我們可以使用CSS中的一些屬性來實現。
.square { width: 100px; height: 100px; background-color: #FF0000; }
我們可以使用width和height屬性來規定正方形的寬和高,然后使用background-color屬性來填充正方形的背景顏色。
當然,如果需要讓正方形在網頁上居中,可以使用margin屬性來設置邊距(margin: auto),同時可以使用display屬性將正方形設置成塊級元素(display:block)。
.square { width: 100px; height: 100px; background-color: #FF0000; margin: auto; display: block; }
當我們將上述代碼應用到HTML文檔中時,就能夠成功制作出一個漂亮的正方形了。
上一篇怎么用CSS做動態滑動
下一篇get請求jquery