Hey everybody I want to let you know that I have undertaken the grueling task of getting the heck away from WordPress. I was so sick of the problems and updates I had to do all the time. I am now using my ezbloo system and I am integrating all my old posts into the new system. It sucks, but in the end, I will save bundles of time. I needed to keep things simple and that is why I created ezbloo. I'll have more on this later for you guys after I am done with the total integration of my old posts here. So if you are looking for a post and need it faster, shoot me an email and I will make it a priority. [email protected]

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.

<div id="triangle"></div>
Now we will add the CSS for the triangle.
<style>
#triangle{
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 100px 100px;
border-color: transparent transparent #33ff00 transparent;
}</style>

Make a Triangle in CSS

That is how you make a triangle in CSS.  We gave this particular triangle the background color of green.  Here is a really cool website that will help you make CSS triangles. It is called the CSS triangle generator. You can also turn the triangle up, down and sideways. See Chris Coyier's article on css triangles here