Pages

Sunday, February 13, 2011

Box Explanation

<div id="page">
 <div id="title">Title</div>
 <div id="content">
Box layout and topography is the one that can control on how to make your application so it can run on smoothly in the time and the other areas that may be will make your application will get better.<br/><br/>
Here's some of the features:
  <ol>
   <li>Rounded Corner by border radius properties</li>
   <li>Border shadow by box shadow setting</li>
   </ol>
 </div>
</div>

<style>
html, body, div { margin: 0px; }
html { background: #eee; }
body { margin: 10px; }
#page { -moz-box-shadow: 0 0 2px #555; background: white; -moz-border-radius: 4px; font: 12px sans-serif; color: #333px; }
#title { border-bottom: 1px solid #ccc; padding: 10 10px; }
#content { padding: 10 10px; }
#content ol { padding: 0 0 0 20px; margin: 0px; }
</style>

No comments:

Post a Comment