Choose Your Language

Wednesday, 14 October 2015

custom css button in jsp

cssbutton.jsp

<%--
    Document   : cssbutton
    Created on : Oct 14, 2015, 1:06:03 PM
    Author     : Aravind Sankaran Nair
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
         <style>
         #body {
         color: red;
         background-color: white;
         font-family: "Times New Roman", Arial, Helvetica, Geneva, "sans-serif";
        }  
        #submit {
        background-color: #ccc;
         -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius:6px;
        color:#fff;/*#0033CC;*//* #fff; */
        font-family: 'Oswald';
        font-size: 20px;
        text-decoration: none;
        cursor: poiner;
        border:none;
        }

        #submit:hover {
        border: none;
        color:#fff;
        background:#FF0000;/*red;*/
        box-shadow: 0px 0px 1px #777;
   
        }
        </style>
    </head>
    <body>
        <br><br><br><br><br><br>      
        <h1><center>
            <input type="submit" name="submit" id="submit" value="submit">
            <input type="submit" name="cancel" id="submit" value="cancel">
           </center>
        </h1>
    </body>
</html>

output:




No comments:

Post a Comment