CSS可以以各種方式設(shè)置背景形狀,包括矩形、圓形、橢圓形和其他更復(fù)雜的形狀。下面是幾種方法:
/* 方形背景 */ div { background-color: #4CAF50; } /* 圓形背景 */ div { width: 100px; height: 100px; background-color: #4CAF50; border-radius: 50%; } /* 橢圓形背景 */ div { width: 200px; height: 100px; background-color: #4CAF50; border-radius: 50% / 25%; } /* 自定義形背景 */ div { width: 200px; height: 100px; background-color: #4CAF50; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
以上方法可以通過(guò)CSS實(shí)現(xiàn)不同的背景形狀,可以根據(jù)需要進(jìn)行自由選擇。值得注意的是,對(duì)于不支持clip-path屬性的舊版瀏覽器,需要使用兼容性代碼來(lái)避免顯示問(wèn)題。