Posted By

webDesign on 07/12/06


Tagged

corners


Versions (?)

Who likes this?

6 people have marked this snippet as a favorite

xaviaracil
saveasraw
Hirmine
tavo
gAmUssA
errortipo11


Esquinas plegadas / Curly corners


 / Published in: CSS
 

URL: http://www.dynamicdrive.com/style/csslibrary/item/curly-corner-container

  1. ***** CSS *****
  2. .contenedor {width:300px; margin-bottom:1em; border:1px solid #b8b8b8}
  3. .contenedor .bloquePliegue {position:relative; top:2px; left:2px; padding:1px 4px 15px 5px; background:transparent url('images/esquinaBloque.png') bottom right no-repeat}
  4.  
  5. ***** HTML *****
  6. <div class="contenedor">
  7. <div class="bloquePliegue">
  8. <b>Lorem ipsum</b> <br />
  9. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
  10. aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
  11. ex ea commodo consequat.
  12. </div>
  13. </div>

Report this snippet  

You need to login to post a comment.