Category Archives: CSS Tips and Tricks

Learn how to make CSS edits for your website content! A1WebsitePro coding experts give you all the css tips and tricks to help you add dynamic design to everything in your website from creating shapes to styling the text on your web pages. Make all your images pop off the page with css coding. Now you can use all the tips and tricks of the experts with our easy to follow instructions.

Create a Facebook Icon in CSS

Create a Facebook Icon in CSS

The first thing that we will do is set up or div to create a facebook icon in CSS. Next we will style the css. Lets be friends on YouTube Advanced Programming Made EasyI hope you enjoyed the article. If I was able to help you please consider a tip for the content. One Time Read More

How to make a Trapezoid in CSS

create-a-trapezoid-with-css

This is how you make a trapezoid in CSS. First you want to set up the div. We will give our div an id of trapezoid. Next we will style the div in our CSS. How to make a Trapezoid in CSS * Feel free to copy and paste Read More

Make a diamond in CSS

create-a-diamond-with-css

To make a diamond in CSS first set up the div. We are going to give our div an id of diamond so we can target it with our CSS style. Next we will apply the style in the HTML. with our style tags. Make a diamond in CSS * Its Read More

Make a Hexagon in CSS

create-a-hexagon-with-css

If you want to make a hexagon in CSS first set up your div. We are going to give our div an id of hexagon. Next we will style the div with css. Make a Hexagon in CSS * When we see the code in action we can start taking away Read More

Make an Octagon in CSS

create-an-octagon-with-css

To make an octagon in CSS first we need to set up a div. We are going to give our div an id of octagon. Next we will insert the style for the octagon in our css stylesheet. To see more about creating octagons please see CSS tricks. Lets be friends on YouTube Advanced Programming Read More

Make a Pentagon in CSS

create-a-pentagon-with-css

Make a Pentagon in CSS. Set up a div in your html page and call it pentagon. Next we will style the div in our CSS to create the pentagon. Make a Pentagon in CSS * Tear apart this CSS code piece by piece and you will learn better how to Make Read More

Make an Oval in CSS

create-an-oval-with-css

Set up a div and call it oval. This will set up or CSS command to target the div. The next thing to do is set up is the style tag for our oval. We are doing basically the same thing that we did in the circle for CSS but we are giving one of our Read More

Make a Circle in CSS

make a circle in css

To make  a circle in CSS the first thing that we do is set up the div. We will give our div and id of circle. Next we will enter or CSS commands to make it a circle. We will color our circle yellow! :-). They key factor here is that we are using a border-radius Read More

Make a 5 point star in CSS

create-a-star-with-css

The first thing we will do is set up our div and we will call it star. Next we will add the CSS to give us a purple star.   Make a 5 point star in CSS * The best way to figure out how to make a 5 Read More

Make a Triangle in CSS

create-a-triangle-with-css

Making a triangle is a little harder than making a square or rectangle in CSS. Here is what you do. First set up your div, we are going to give our div and id of triangle. Now we will add the CSS for the triangle. Make a Triangle in CSS * Read More

Make a rectangle in CSS

make-a-rectangle-in-css-yes

This short sweet tutorial will show you how to make a rectangle in CSS. First thing is you want to set up your div, we are going to give our div an id of rectangle. Now lets enter our CSS to make our rectangle. We can give it a background color of blue in the Read More

Make a Square in CSS

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. Now all we do is style it in CSS. You can also give it some background color. Make a Square in CSS * Read More

CSS Reset Stylesheet

CSS-Reset-Stylesheet

So when you code a lot of websites you need a reset stylesheet written in CSS that will help with the process. Sure you can write it out over and over again but here is one I like to use to give a quick start to the stylesheet. Lets be friends on YouTube Advanced Programming Read More