BTEC IT Unit 20 - Website Design/CSS/Box Plot Model
Appearance
<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>