Set Bordered Form Inputs with CSS

CSSWeb DevelopmentFront End Technology

To set border to form inputs, use the CSS border property.

You can try to run the following code to add border

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         input[type = text] {
            width: 100%;
            padding: 10px 15px;
            margin: 5px 0;
            box-sizing: border-box;
            border: 3px inset orange;
         }
      </style>
   </head>
   <body>
      <p>Fill the below form,</p>
      <form>
         <label for = "subject">Subject</label>
         <input type = "text" id = "subject" name = "sub">
         <label for = "student">Student</label>
         <input type = "text" id = "student" name = "stu">
      </form>
   </body>
</html>
raja
Published on 16-May-2018 08:43:38
Advertisements