Skip to main content

CSS Shapes

CSS Geometric Shapes

We all know that CSS stands for (Cascading Style Sheets). It can manage the layout of your multifarious web pages at once… And it saves a lot of jobs. In this tutorial, we are going to learn about on CSS Geometric Shapes. We can make it without using images. Most of them are draw using CSS. This is for the beginners.

Creating Shapes Using CSS3

In this tutorial, I am going to teach you how to make shapes like pentagon, stars, circles and etc using CSS3. Just download the source and follow the directions below. DIRECTIONS DON'T FORGET TO INCLUDE THIS LINK INSIDE THE HEAD TAG CSS CODE (Save it as style.css) Code for Pentagon .pentagon { margin: 30px 0 0 0; /* cosmetic */ position: relative; width: 54px; border-width: 50px 18px 0; border