fill me in

In this example below you will see how to do a fill me in with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by 08jordang, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright 08jordang ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>fill me in</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <!DOCTYPE html>

<html>
<head>
    <title>Fill me in</title>
    <link href="styles/setup.css" rel="stylesheet" type="text/css"/>
    <link href="style.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<section>
    <a href="#">Green</a>
    <p><a href="#">Pink</a></p>
    <div><a href="#">Red</a></div>
    <ul>
        <li><a href="#">Blue</a></li>
    </ul>
    <a id="sun" href="#">Yellow</a>
    <a class="royal" href="#">Purple</a>
    <div class="box"><a href="#">Black</a></div>
</section>
</body>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/08jordang/fill-me-in-QdYxNQ */

a {
    background-color: green;
}

p a {
    background-color: pink;
}

div a {
    background-color: red;
}

li a {
    background-color: blue;
}

a sun{
    background-color: yellow;
}

Comments