Hello how can i draw a Triangle using CSS?

Question

Possible Duplicate:
How does this CSS triangle shape work?

Please help me i need your suggestions.

Google... http://css-tricks.com/snippets/css/css-triangle/ – Amaerth Jul 04 '12 at 17:37 — Amaerth, Jul 04 '12 at 17:37

score 1 · Accepted Answer · answered Jul 04 '12 at 17:38

1

For example:

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

http://css-tricks.com/snippets/css/css-triangle/

answered Jul 04 '12 at 17:38

bryce

468
5
23

score 0 · Answer 2 · answered Jul 04 '12 at 17:39

Look HERE for instructions on how to use CSS to draw a triangle. Here is an example:

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

CSS tricks can be found here

Hello how can i draw a Triangle using CSS?

2 Answers2