tiffstillkillsbaby
New Member
I'm playing around trying to draw a simple folder icon with CSS, and this is where I'm at:\[code\]/* CSS */.container { border: solid 1px #000; width: 100px; height: 100px; padding: 5px; text-align: center;}.folder_tab, .folder { margin: 0 auto; background-color: #708090;}.folder_tab { width: 25px; height: 5px; margin-right: 50%; border-radius: 5px 15px 0 0;}.folder { width: 50px; height: 35px; border-radius: 0 5px 5px 5px; box-shadow: 1px 1px 0 1px #CCCCCC;}<!-- HTML --><div class="container"> <div class="folder_tab"></div> <div class="folder"></div> text</div>\[/code\]Result:
Is there a simpler, or more elegant way to do this?