CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
How do I create a shape of a tag, only using css?
cosmicmarshall
Permalink to comment
#
March 2011
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
lyleyboy
Permalink to comment
#
March 2011
Hmmm, Not sure what you're trying to achieve.
Why not just stick to < and > then style them up as required.
lyleyboy
Permalink to comment
#
March 2011
Arrgh. Sorry I forgot it would format the < and >.
They should be
<
>
ccc630
Permalink to comment
#
March 2011
Chris Coyier put together a demo page of CSS3 shapes:
http://css-tricks.com/examples/ShapesOfCSS/
This might have what you're looking for -- just remember that browser support will vary!
chriscoyier
Permalink to comment
#
March 2011
Check out the octagon on that page. You should be able to alter that and rotate as needed.
Add a Comment
Like you know, a triangle shape on the left and rectangular other sides...
Can anyone help
Why not just stick to < and > then style them up as required.
They should be
http://css-tricks.com/examples/ShapesOfCSS/
This might have what you're looking for -- just remember that browser support will vary!