HTML/CSS - Day7 css Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CSS</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>Random Heading</h1>
    <div>
      Now is the winter of our discontent Made glorious summer by this sun of
      York; And all the clouds that lour'd upon our house In the deep bosom of
      the ocean buried. Now are our brows bound with victorious wreaths; Our
      bruised arms hung up for monuments; Our  stern alarums changed to merry
      meetings, Our dreadful marches to delightful measures. Grim-visaged war
      hath smooth'd his wrinkled front;
    </div>
    <div>
      And now, instead of mounting barded steeds To fright the souls of fearful
      adversaries, He capers nimbly in a lady's chamber To the lascivious
      pleasing of a lute. But I, that am not shaped for sportive tricks, Nor
      made to court an amorous looking-glass; I, that am rudely stamp'd, and
      want love's majesty To strut before a wanton ambling nymph; I, that am
      curtail'd of this fair proportion,
    </div>
    <h2>border left<br>border right<br>border top <br> border down</h2>

css

body {
    div{
        height:300px;
        width:360px;
        background-color:pink;
        
       /* border:5px solid green;
                 OR*/
        border-width:10px;
        border-style:solid;
        border-color:green;
        /*CIRCLE*/
        border-radius:40;
        margin:10px  20px     30px  40px;
             /*TOP   RIGHT   BOTTOM LEFT*/
    }
    h1{
        border:5px dashed  blue;
    }
    h2{
        border:4px solid  black;
        border-left:5px dashed  magenta;
    }
    h3{
        border-radius:15px;
        border:5px dotted  green;
        padding:5px 8px 11px 14px;
    }

BROWSER

Console