Treehouse: Grow your CSS skills. Land your dream job.

How do I create a shape of a tag, only using css?

  • # March 1, 2011 at 4:12 am

    I want to learn on how can I create the shape of a tag entirely in CSS…
    Like you know, a triangle shape on the left and rectangular other sides…

    Can anyone help

    # March 1, 2011 at 4:29 am

    Hmmm, Not sure what you’re trying to achieve.
    Why not just stick to < and > then style them up as required.

    # March 1, 2011 at 4:31 am

    Arrgh. Sorry I forgot it would format the < and >.

    They should be


    # March 1, 2011 at 12:32 pm

    Chris Coyier put together a demo page of CSS3 shapes:

    This might have what you’re looking for — just remember that browser support will vary!

    # March 1, 2011 at 9:52 pm

    Check out the octagon on that page. You should be able to alter that and rotate as needed.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.