一
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>margins and Padding</title>
<style type="text/css">
p.one {
margin: 0.2in;
padding: 0.2in;
background-color:red;
border-style : solid ;
}
p.two{
margin: 0.1in;
padding: 0.3in;
background-color:brown;
border-style: solid;
}
p.three{
margin: 0.3in;
padding: 0.1in;
background-color: chartreuse;
border-style: solid;
}
p.four{
margin: 0.4in;
background-color: darkturquoise;
}
p.five{
padding: 0.4in;
background-color: darkorange;
}
</style>
</head>
<body>
<p>
Here is the first line.
</p>
<p class="one">
Now is the time for all good web programmers to learn to ues style sheets.<br/>[margin=0.2in,gadding =0.2in]
</p>
<p class="two">
this is a big 13<br/>
</p>
<p class="three">
666
</p>
<p class="four">
888
</p>
<p class="five">
777
</p>
</body>
</html>
