<div>
<div class="content wysiwyg-content">
I have a globe in the center of my page, about 400px wide. Now I want to put corner buttons on the page, with text in the middle for the &quot;menu&quot; name, To explain it exactly, it's almost like 4 pyramids pointing northwest, southwest, northeast and southeast. I don't want to use an image because I want to be able to change the colors of the &quot;pyramids&quot; thru the CSS stylesheet. Can someone pls help with the way to do this?
</div>
</div>


I have a globe in the center of my page, about 400px wide. Now I want to put corner buttons on the page, with text in the middle for the "menu" name, To explain it exactly, it's almost like 4 pyramids pointing northwest, southwest, northeast and southeast. I don't want to use an image because I want to be able to change the colors of the "pyramids" thru the CSS stylesheet. Can someone pls help with the way to do this?

How do I make a colored CSS triangle?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.