কম্পিউটার টিউটোরিয়াল

CSS দিয়ে বর্ডারযুক্ত ফর্ম ইনপুট তৈরি

ফর্ম ইনপুটে বর্ডার সেট করতে CSS border প্রোপার্টি ব্যবহার করুন।

বর্ডার যোগ করতে নিচের কোডটি রান করুন:

উদাহরণ

<!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 border-top-left-radius দিয়ে উপরের বাম কোণার বর্ডার গোলাকার করা

  4. CSS-এ উপরের ডান কোণার বর্ডার সেট করুন