কম্পিউটার

CSS এর সাথে বর্ডারযুক্ত ফর্ম ইনপুট সেট করুন


ইনপুট গঠনের জন্য সীমানা সেট করতে, CSS বর্ডার প্রপার্টি ব্যবহার করুন।

আপনি সীমানা যোগ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

উদাহরণ

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

  1. CSS দিয়ে নীচে-বাম কোণার সীমানা সেট করুন

  2. CSS এর সাথে নীচে-ডান কোণে সীমানা সেট করুন

  3. CSS এর সাথে উপরের-বাম কোণার সীমানা সেট করুন

  4. CSS এর সাথে উপরের-ডান কোণে সীমানা সেট করুন