advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

webDesign on 07/12/06


Tagged

corners


Versions (?)


Who likes this?

5 people have marked this snippet as a favorite

xaviaracil
saveasraw
Hirmine
tavo
gAmUssA


Esquinas plegadas / Curly corners

Published in: CSS 

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

Plain TextExpand 
  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.