Css code to design a circle using div with following specifications

Write a HTML and CSS Code to Design a Circle with Following Specifications:

Width - 200px Height - 200px Background - Red Border - 2px Double Line and Black Color Change the background color as Yellow when mouse is move over to the Circle.

Solution

<!DOCTYPE HTML>
<html>
	<head>
		<style type="text/css">
			.circle{
				width:200px;
				height:200px;
				border-radius:50%;
				background:red;
				border:2px double black;				
			}
			.circle:hover{
				background:yellow;
			}
		</style>
	</head>
	<body>
		<div class="circle"></div>
	</body>
</html>

▶ RUN

Output/ Explanation:

O Level Online Exam

Programming Examples

Css code to design a circle using div with following specifications