Untitled

<!DOCTYPE html>
<html>
	<head>
		<title>Colourful Boxes</title>
	<style type="text/css">
	body {
	background-color:#000000
	}
	#divRed {
		background-color:#FF0000;
		width: 150px;
		height: 150px;
		border: 15px solid yellow;
		margin: 10px;
	}

	#divPink {
		background-color:#00FFFF;
		width: 30px;
		height: 30px;
		border: 75px solid #FF00FF;
		margin: 10px;
	}

	#divVertical {
		background-color:#00FF00;
		width: 60px;
		height: 180px;
		border-width: 0px 60px;
		border-style: solid;
		border-left-color:#0000FF;
		border-right-color:#FFFFFF;
		margin: 10px;
	}
	#divFourth {
		background-color:#FF0000;
		width: 30px;
		height: 30px;
		border: 75px solid #FF00FF;
		border-top-color:#c80000;
		border-left-color:#320000;
		border-right-color:#960000;
		border-bottom-color:#640000;
		margin: 10px;

	}

	</style>
	</head>

	<body>

	<div id="divRed"></div>
	<div id="divPink"></div>
	<div id="divVertical"></div>
	<div id="divFourth"></div>


	</body>
</html>