Page 273 - Web Applications (803) Class 12
P. 273

<p><b>Tip:</b> Click on “Button1” before and after you have clicked on “Try
                      Out”</p>

                      </body>
                      </html>
                       Output:
























                   6.  Create colourful buttons using CSS.

                  Ans.  <html>
                      <head>

                      <style>
                      .button {
                        background-color: #4CAF50; /* Green */

                        border: none;
                        color: white;
                         padding: 20px 30px;

                        text-align: center;
                        display: inline-block;

                        font-size: 16px;
                        margin: 4px 2px;
                        cursor: pointer;

                      }
                      .button2 {background-color: #008CBA;} /* Blue */
                      .button3 {background-color: #f44336;} /* Red */

                      .button4 {background-color: cyan; color: black;} /* Cyan */
                      .button5 {background-color: #555555;} /* Black */
                      </style>

                      </head>
                      <body text=”brown”>


                                                                                                    Practical Work   271
   268   269   270   271   272   273   274   275   276   277   278