Esquinas plegadas / Curly corners

/ Published in: CSS
Save to your folder(s)

Copy this code and paste it in your HTML
  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}
  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


RSS Icon Subscribe to comments

You need to login to post a comment.