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

leferreyra on 09/19/08


Tagged

css corners redonded


Versions (?)


Who likes this?

2 people have marked this snippet as a favorite

basicmagic
absolon


redonded corners

Published in: CSS 

secure and stable

Plain TextExpand 
  1. #test{
  2. width:400px;
  3. height: 500px;
  4. background: ;
  5. margin: 100px auto 0px;
  6.  
  7. }
  8.  
  9. #no{
  10. width: 10px;
  11. height: 10px;
  12. background-image: url("images/c_no.png");
  13. float:left;
  14. }
  15.  
  16. #ne{
  17. width: 10px;
  18. height: 10px;
  19. background-image: url("images/c_ne.png");
  20. float:right;
  21. margin-top: -10px;
  22. }
  23.  
  24. #so{
  25. width: 10px;
  26. height: 10px;
  27. background-image: url("images/c_so.png");
  28. float:left;
  29. }
  30.  
  31. #se{
  32. width: 10px;
  33. height: 10px;
  34. background-image: url("images/c_se.png");
  35. float:right;
  36. margin-top: -10px;
  37. }
  38.  
  39. #tabn{
  40. margin: 0px 10px;
  41. background: #1D1D1D;
  42. width: auto;
  43. height: 10px;
  44. }
  45.  
  46. #tabs{
  47. margin: 0px 10px;
  48. background: #1D1D1D;
  49. width: auto;
  50. height: 10px;
  51. }
  52.  
  53. #contenedor{
  54. height: auto;
  55. background: #1D1D1D;
  56. }
  57.  
  58. #contd{
  59. background: ;
  60. margin: -5px 10px 0px;
  61. }
  62.  
  63. /* This is html*/
  64.  
  65. /* 
  66. <div id="test">
  67.   <div id="tops">
  68.     <div id="no"></div>
  69. 	<div id="tabn"></div>
  70.     <div id="ne"></div>
  71.   </div>
  72.  
  73.     <div id="contenedor">
  74. 	<div id="contd">This is a test of this thing</div>
  75. 	</div>
  76.  
  77.   <div id="bottoms">
  78.     <div id="so"></div>
  79. 	<div id="tabs"></div>
  80.     <div id="se"></div>
  81.   </div>
  82. </div>
  83.  
  84.  
  85.  
  86.  
  87.  
  88. */

Report this snippet 

You need to login to post a comment.