Showing posts with label css button style. Show all posts
Showing posts with label css button style. Show all posts

Friday, February 16, 2024

css button style

CSS Button Style

Example:-

 
  <html>
    <head><title>html shadow button</title>
    <style>
        .btn-shadow1
        {
            background-color:rgb(63, 61, 188);
            border-radius: 10px;
            color:aliceblue;
            padding:15px 30px;
            font-size:16px;
            box-shadow:1px 1px 3px 3px palevioletred;
           


        }
    </style>
    </head>
    <body>
        <button class="btn-shadow1" onclick="alert('hi friends')">
<B>Shadow Button</B></button>
    </body>
  </html>

CSS Shadow Button 

Output:-

css button style/ output







READ MORE

html Button tag

css class selector

css id selector

text align css

inline css html

internal css html

css introduction html

image resizer