Little help with CSS triangles :)

Discussion in 'CSS' started by Make a perfect site, Aug 26, 2011.

0
  1. #1
    Hi all,

    Would you like to know how to make triangles in css? Well here is a short code to help:

    
#triangle {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}
    Code (markup):
    This will output:
    [​IMG]

    I hope this will help you.

    If you have a question, just ask :)

    Best Regards,
    Akos
     
    Make a perfect site, Aug 26, 2011 IP
  2. ApocalypseXL

    ApocalypseXL Notable Member

    Messages:
    6,095
    Likes Received:
    103
    Best Answers:
    5
    Trophy Points:
    240
    #2
    I like hexagons more :p
     
    ApocalypseXL, Aug 26, 2011 IP
  3. Make a perfect site

    Make a perfect site Well-Known Member

    Messages:
    376
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    155
    #3
    :) I know what you mean :)
     
    Make a perfect site, Aug 26, 2011 IP
  4. dplover147

    dplover147 Member

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    36
    #4
    dats cool. n how can i make hexagons ?
     
    dplover147, Aug 26, 2011 IP
  5. Martin K

    Martin K Active Member

    Messages:
    262
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #5
    lol I made the hexagon :)

     
    Martin K, Aug 28, 2011 IP
  6. dplover147

    dplover147 Member

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    36
    #6
    oh awesome dude.
    thanks
     
    dplover147, Aug 28, 2011 IP