title: Add border to the form
body: <p>I wrote the following code to form creation,I have add some style to my form.Now 
  I want to add border like this to my form.I tride,But unable to add it.<br>Can anyone help me to do this?</p>
  
  <p><a href="https://i.stack.imgur.com/HXFvg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HXFvg.png" alt=""></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.details {
    background-color: #eb4e24;
    height: 800px;
  }
  input[type=text],
  #uexperience,
  #equalification,
  #roles {
    width: 86%;
    padding: 7px 7px;
    border: #c1c1c1 solid 1px;
    height: 40px;
    background: none;
    /*border-radius: 5px;*/
  }
  select {
    width: 28%;
    height: 37px;
    padding: 0 1em;
    background: none;
    border: #c1c1c1 solid 1px;
  }
  .border {
    border: #dbdbdb solid 1px;
  }
  table td {
    padding: 10px;
  }
  input[type=file] {
    border: #c1c1c1 solid 1px;
    height: 40px;
    padding: 8px 7px;
    width: 86%;
  }
  label {
    color: red;
  }
  #captcha {
    width: 77%;
  }
  .fa {
    font-size: 2em !important;
    color: #fff;
    padding-left: 15px;
  }
  form {
    margin-top: 15%;
    /*border: 1px solid;*/
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;div class="container"&gt;
      &lt;div class="col-lg-12"&gt;
        &lt;div class="col-lg-6"&gt;
          &lt;form&gt;
            &lt;table width="100%"&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    First Name
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;input type="text" name="fname" id="fname" class=""&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Email Address
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;input type="text" name="email" id="email" class=""&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Job position
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;input type="text" name="position" id="position" class=""&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Current Employer
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;input type="text" name="currentemp" id="currentemp" class=""&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/form&gt;
        &lt;/div&gt;
        &lt;div class="col-lg-6 details"&gt;
          &lt;form&gt;
            &lt;table width="100%"&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Last Name
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;input type="text" name="lname" id="lname" class=""&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Mobile No.
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
  
                    &lt;input type="text" name="phone" id="phone"&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Experience
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;select id="uexperience" class="decorated"&gt;
                      &lt;option id="selectHeader"&gt;--------- Select Experience --------------&lt;/option&gt;
                      &lt;option value="1-2 YEAR"&gt;1-2 Years&lt;/option&gt;
                      &lt;option value="1-3 YEAR"&gt;1-3 Years&lt;/option&gt;
                      &lt;option value="2-4 YEAR"&gt;2-4 Years&lt;/option&gt;
                      &lt;option value="4-6 YEAR"&gt;4-6 Years&lt;/option&gt;
                      &lt;option value="6-10 YEAR"&gt;6-10 Years&lt;/option&gt;
                      &lt;option value="&gt;10 YEAR"&gt;&amp;gt; 10 Years&lt;/option&gt;
                    &lt;/select&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    Enter code Here
                    &lt;label&gt;*&lt;/label&gt;
                    &lt;br&gt;
                    &lt;input type="text" name="captcha" id="captcha"&gt;&lt;i class="fa fa-refresh" aria-hidden="true"&gt;&lt;/i&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
  
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Complete code here <a href="https://jsfiddle.net/qxoos44h/" rel="nofollow noreferrer">https://jsfiddle.net/qxoos44h/</a></p>