CSS Box Model

<!DOCTYPE html>
<html>
<head>
	<title>CSS Box Modle</title>
</head>
<body>

	<div class="box">
		This is a box detail.We have added width 500px,margin-top 50px, 
		margin-left 100px to this box.
	</div>

<style>
.box
{
	background: lightgray;
	width: 500px;
	margin-top: 50px;
	margin-left: 100px;
	border: solid 15px green;
	font-family: sans-serif;
	font-size: 30px;
	color: #000;
	text-align: center;

}
</style>

</body>
</html>

ICT With Shantha Bandara

CSS Box Model

CSS Box Model

No comments:

Post a Comment