Posted By

ryanprel on 11/30/06


Tagged

css style corners


Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

hkmd
basicmagic
fantomex
marcoba
vali29


CSS Rounded corners


 / Published in: CSS
 

URL: http://www.ruby-lang.org/stylesheets/high.css

Used for rounding corners of a div. Need an upper left corner and an upper right corner. Example page is http://www.ruby-lang.org/en/documentation/quickstart/

  1. #content pre.code {
  2. background-color: #213449;
  3. background-image: url(/images/code-box-top-left.gif);
  4. background-position: top left;
  5. background-repeat: no-repeat;
  6. color: white;
  7. display: block;
  8. overflow: auto;
  9. width: 100%;
  10. }
  11. #content pre.code code {
  12. background-image: url(/images/code-box-bottom-right.gif);
  13. background-position: bottom right;
  14. background-repeat: no-repeat;
  15. display: block;
  16. font-family: "Lucida Console", Monaco, monospace;
  17. font-size: 115%;
  18. line-height: 135%;
  19. padding: 15px;
  20. }

Report this snippet  

You need to login to post a comment.