CSS中可以使用width
和height
屬性來(lái)定義長(zhǎng)方形的長(zhǎng)和寬,使用background-color
屬性來(lái)設(shè)置純色背景,以下是一個(gè)示例代碼:
.rectangle { width: 200px; height: 100px; background-color: #ff0000; }
這個(gè)代碼會(huì)生成一個(gè)長(zhǎng)為200px、寬為100px的純紅色長(zhǎng)方形,你可以將上述代碼復(fù)制到你的CSS文件中,或者將其添加到<style>
標(biāo)簽中,你可以通過(guò)給HTML元素添加rectangle
類來(lái)應(yīng)用這個(gè)樣式。
<div class="rectangle"></div>
如果你想要生成其他顏色的長(zhǎng)方形,只需要將#ff0000
替換成你想要的顏色即可,如果你想要生成一個(gè)藍(lán)色的長(zhǎng)方形,可以使用以下代碼:
.rectangle { width: 200px; height: 100px; background-color: #0000ff; }