redonded corners


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

secure and stable


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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.