CSS Rounded corners


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

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/


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

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.