Jump to content

BTEC IT Unit 20 - Website Design/CSS/Box Plot Model

From Wikibooks, open books for an open world
 <style type="text/css">
	ol {                   
	background: orange;
   	margin: 12px 12px 12px 12px;
   	padding: 3px 3px 3px 3px;
    	   }
  	li {
   	color: white;
   	background: purple;
   	margin: 12px 12px 12px 12px;
   	padding: 12px 12px 12px 12px;
   	list-style: none
    	    }
  	li.withborder {
   	border-style:dashed;
   	border-width: medium;
   	border-color: black;
      	    }
	</style>
  	</head>
  	<body bgcolor="gray">  
         
    	<ol>
      	     <h1 align="center"> Box Plot Model </h1>
            
            
             <li class="withborder">Border: The border is the outline of the content box.
      	     <li class="withborder">Padding: This is the part around the actuel content however, it is invisable.
             <li class="withborder">Margin: The margin is an outline around the padding and the content.
             <li class="withborder">Content: Is the text that goes in the box. This can be text that is already in the box
                      or it can be text that can be put by the user.
    	     </ol>