Computer >> Máy Tính >  >> Lập trình >> CSS

Đặt đầu vào biểu mẫu có viền bằng CSS

Để đặt đường viền cho các đầu vào biểu mẫu, hãy sử dụng thuộc tính Đường viền CSS.

Bạn có thể thử chạy mã sau để thêm đường viền

Ví dụ

<!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>