Social Icons

Pages

Tuesday, November 29, 2016

CSS Positioning 9/25

Borders
Well done! You can see how fine-tuning your margins will help you place elements where you'd like them to be on the page.
We've worked with borders before, but it never hurts to have extra practice.


Instructions
Change your div's border to 4 pixels wide and solid, with the hex color #FF0000.

* {
 border: 1px dashed black;
}

div {
 height: 50px;
 width: 100px;
 border: 4px solid #FF0000;
 border-radius: 5px;
 background-color: #308014;
 margin-top:20px;
 margin-right:50px;
 margin-bottom:10px;
 margin-left:5px;
}

<!DOCTYPE html>
<html>
 <head>
  <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
  <title>Result</title>
 </head>
 <body>
  <div></div>
 </body>

</html>

No comments:

Post a Comment