Posted By

m-pokrovskii on 08/28/09


Tagged

ROUNDED corner


Versions (?)

Шаблон для закругленных уголков


 / Published in: XHTML
 

URL: pokrovskii.com

  1. <style type="text/css" media="screen">
  2. .r-star{
  3. position: relative;
  4. overflow: hidden;
  5. padding: 5px 0px;
  6. background: #006b2a;
  7. width:129px;
  8. }
  9.  
  10.  
  11. .r-star .cn{
  12. position:absolute;
  13. background:transparent url(images/rc-star-t-menu.gif) repeat scroll 0 0;
  14. height:10px;
  15. left:-5px;
  16. top:-5px;
  17. width:10px;
  18. }
  19.  
  20. .r-star .cn.tr, .r-star .cn.br{
  21. margin-left:100%;
  22. }
  23.  
  24. .r-star .cn.bl, .r-star .cn.br{
  25. top:auto;
  26. }
  27.  
  28. <div class="r-star">
  29. <div class="cn tl"></div>
  30. <div class="cn tr"></div>
  31. <div class="content">
  32. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  33. </div>
  34. <div class="cn bl"></div>
  35. <div class="cn br"></div>
  36. </div>

Report this snippet  

You need to login to post a comment.