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

CSS দিয়ে লেয়ার তৈরি করুন

CSS দিয়ে লেয়ার তৈরি করতে z-index প্রোপার্টি ব্যবহার করা হয়। নিচের উদাহরণটি দেখুন:

উদাহরণ

<html>
  <head></head>
  <body>
    <div style="background-color:red; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2"></div>
    <div style="background-color:yellow; width:300px; height:100px; position:relative; top:-60px; left:35px; z-index:1;"></div>
    <div style="background-color:green; width:300px; height:100px; position:relative; top:-220px; left:120px; z-index:3;"></div>
  </body>
</html>
  1. CSS-এ Fixed Positioning

  2. CSS দিয়ে অ্যাবসোলিউট পজিশনিং

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

  4. CSS clip-path ব্যবহার করে ট্রায়্যাঙ্গেল (Triangle) তৈরি করা