- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How can I make a div with irregular shapes with CSS3 and HTM5?
With CSS3, you can always create shapes like rectangle, triangle, etc.
Let us see how −
The following is a rectangle −
#shape1 { width: 300px; height: 150px; background: blue; }
The following is a triangle −
#shape2 { width: 0; height: 0; border-left: 200px solid transparent; border-bottom: 200px solid blue; }
- Related Articles
- How to save DIV as Image with HTM5 canvas to image with the extension?
- How can I make money with Python?
- How can I make a div not larger than its contents?
- How to find the area of irregular shapes ?
- How Can I Make Money with Blockchain Technology?
- How can I make a simple 3D line with Matplotlib?
- Irregular Verbs with Examples
- Can I make an Android app with Python?
- How can I vertically align elements in a div?
- How can I center text (horizontally and vertically) inside a div block?
- How to make the main content div fill height of screen with CSS and HTML
- MySQL: How can I find a value with special character and replace with NULL?
- How to create different shapes with CSS?
- How can I show and hide div on mouse click using jQuery?
- Media queries with CSS3

Advertisements