Styled button

<!DOCTYPE html>


<html>


  <head>


    <title>styled button</title>


  </head>


  <body>


    <button id=”btn”>BUTTON</button>

<span>This is a styled button</span>


    <style>
      #btn{
        background:blue;
        color:white;
        width:10em;
        height:7em;
        border-radius:20em;
        border:solid;
        border-color:green gold;
        border-width:1em;
      }
    </style>


  </body>


</html>

OUTPUT:

This is the output for the code above.
Site icon
Styled button
Unknown's avatar

Published by DeonDennis

code-xombi was created to teach upcoming programmers the basics in programming

2 Comments

  1. Ariquater Ayi's avatar Ayi Ariquater says:
    August 19, 2022 at 4:23 am

    Nice

    Liked by 1 person

    Reply
    1. DeonDennis's avatar DeonDennis says:
      August 20, 2022 at 8:23 am

      Thanks

      Like

      Reply

Leave a reply to Ayi Ariquater Cancel reply