<!DOCTYPE html>
<html>
	<head>
	<title>Images</title>
	<style>
		.roundedCorners{
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			-border-radius: 20px;
			background-color:black;
	
		}
	</style>
	</head>
	
	<body>
		<img src="img/basketball.JPG" alt="basketball resting on the court" style="width:350px; height:225px;" border="30" />
		<img src="img/basketball_small.JPG" alt="smaller version of basketball on the court" class ="roundedCorners" border="30"  />
		
	</body>

</html>

Add image borders and corners
Add image borders and corners
