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

CSS display প্রপার্টি ব্যবহার করে HTML এলিমেন্টের বক্স টাইপ নির্দিষ্ট করুন


HTML এলিমেন্টের জন্য কোন ধরনের বক্স ব্যবহার হবে সেটি নির্দিষ্ট করতে display প্রপার্টি ব্যবহার করুন।

উদাহরণ

ফ্লেক্স কন্টেইনার প্রদর্শন করতে display প্রপার্টি বাস্তবায়ন করতে নিচের কোডটি চালাতে পারেন:

<!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;             height: 300px;             background-color: orange;          }          .mycontainer > div {             background-color: white;             text-align: center;             line-height: 90px;             font-size: 40px;             width: 100px;             margin: 50px;          }       </style>    </head>    <body>       <h1>Quiz</h1>       <div class = "mycontainer">          <div>Q1</div>          <div>Q2</div>          <div>Q3</div>          <div style = "align-self: center">Q4</div>          <div>Q5</div>       </div>    </body> </html>

  1. CSS-এ ফ্লেক্স আইটেম র‍্যাপ করা

  2. CSS চাইল্ড সিলেক্টর

  3. CSS-এ Background Attachment

  4. CSS দিয়ে মেনু আইকন (Hamburger Menu) তৈরি করা