Thursday, September 30, 2021

CSS Button

 CSS Button Code

<!DOCTYPE html>>

<html>


<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="nav.css">

    <title>CSS Button</title>

</head>


<body>

<h1>CSS Button</h1>

<button>Default Button</button>

<a class="button" href="#">Link button</a>

<button>CSS Button</button>

<input type="button"class="button"value="Input button">

</body>


</html>


CSS BUTTON STYLE CODE

.button{

    background-color: #4cac50;

    border: none;

    color: #fff;

    padding:15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size:16px;

    margin:4px 2px;

    cursor: pointer;

}

No comments:

Post a Comment

JavaScript Animated

  JavaScript Animated <!DOCTYPE html> <html> <style> #myContainer {   width: 400px;   height: 400px;   position: relative;...