Quotes help make search much faster. Example: "Practice Makes Perfect"

Friday, November 2, 2012

Codecademy: Sample Solution to "It's a Class Act"


CSS Sample Solution

div {
border: 2px solid black;
border-radius: 100%;
display: inline-block;
height: 100px;
margin-left: 5px;
width: 100px;
}

.friend {
border: 2px dashed #008000;
}

.family {
border: 2px dashed #0000FF;
}

.enemy {
border: 2px dashed #FF0000;
}

#best_friend {
border: 4px solid #00C957;
}

#archnemesis {
border: 4px solid #CC0000;
}

HTML Sample Solution


<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>My Social Network</title>
</head>
<body>
<!--Add your HTML below!-->
<div class="friend" id="best_friend"></div>
<div class="family"></div>
<div class="enemy" id="archnemesis"></div>
</body>
</html>

No comments:

Post a Comment


This is an example of scrolling text using Javascript.

Popular Posts