box-model css3

<!DOCTYPE html>
<html lang="en">
<head>
	<title>box model</title>
	<meta charset="UTF-8">
</head>
<style>
	.abc1
	{
		width:300px;
		background-color: yellow;
		padding:0px;
		border:0px;
		margin:0px;
		display:
	}
	.abc2
	{
		width:300px;
		height:250px;
		background: lightgreen;
		padding:15px;
		border:5px solid black;
		margin:30px;
		display: inline-block;
	}
	.abc3
	{width:500px;
		height:150px;
		padding:0px 4px 50px 120px;
		margin:-34px 0px -13px 98px;
		background:grey;
		border-top:1px solid blue;
		border-right: 3px dashed green;
		border-bottom: 5px double darkorange;
		border-left:14px purple;
		display: block;
		text-align: center;
		float:left;
	}
	h1{text-align: center;}
	
</style>
<body>
	<h1>CSS BOX MODEL</h1>
	<p class="abc1">The first example</p>
	<p class="abc2"> 
		<img src="C:/Users/user/Pictures/myimages/game1.jpg"  width="200px" height="200px" alt="image1"> </p>
		<p>
	<table class="abc3">
		<tr>
			<th>FIRST NAME</th>
			<th>LAST NAME</th>
			<th>COLLEGE</th>
			<th>BRANCH</th>
		</tr>
		<tr>
			<td>abc</td>
			<td>Sethi</td>
			<td>ITM GOI</td>
			<td>CS</td>
		</tr>
		<tr>
			<td>vijay</td>
			<td>Singh</td>
			<td>MITS</td>
			<td>ECE</td>
		</tr>
		<tr>
			<td>Amit</td>
			<td>Gupta</td>
			<td>ITM University</td>
			<td>Mechanical</td>
		</tr>
		<tr>
			<td>Ajay</td>
			<td>Goyal</td>
			<td>Jiwaji University</td>
			<td>Civil</td>
		</tr>
	</table></p>
</body>
</html>
	