1 Star2 Stars3 Stars4 Stars5 Stars (4 votes, average: 5.00 out of 5)

Make a Square in CSS

To make a square in CSS set up your div and name is whatever you want to name it. We will give our div a name of square.

<div id="square"></div>

Now all we do is style it in CSS.

Tip: Click on images to make them larger. If you find anything wrong on this page or need further assistance please comment below or contact me. 🙂
<style>#square{width:100px; height:100px;}</style>

You can also give it some background color.

<style>#square{width:100px; height:100px; background:red;}</style>

Make a Square in CSS *

Making a square in CSS is pretty simple and straight forward. Set the width and height and give it a background color. Take CSS parts away and add them back to see what they do! That is how to understand and Make a Square in CSS

Subscribe To My YouTube Channel:
Make a Square in CSS was last modified: May 22nd, 2015 by Maximus Mccullough

Please like, share and subscribe.

Advanced Programming Made Easy

I hope you enjoyed the article. If I was able to help you please consider a tip for the content.

One Time Tip

more tips

Reoccuring Tips

Tips

Cool People Share:
make-a-square-in-css

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.