ฉันจะสร้าง div ที่มีรูปร่างผิดปกติด้วย CSS3 และ HTM5 ได้อย่างไร

ด้วย CSS3 คุณสามารถสร้างรูปร่างต่างๆ เช่น สี่เหลี่ยมผืนผ้า สามเหลี่ยม ฯลฯ

มาดูกันว่าเป็นอย่างไร -

ต่อไปนี้เป็นสี่เหลี่ยม −

#shape1 {
   width: 300px;
   height: 150px;
   background: blue;
}

ต่อไปนี้คือสามเหลี่ยม −

#shape2 {
   width: 0;
   height: 0;
   border-left: 200px solid transparent;
   border-bottom: 200px solid blue;
}