কম্পিউটার

কিভাবে CSS দিয়ে আপনার ওয়েবসাইটকে অনুভূমিকভাবে কেন্দ্রে রাখবেন?


আপনার ওয়েবসাইটকে CSS এর সাথে অনুভূমিকভাবে কেন্দ্রীভূত করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
   body {
      background: rgb(255, 238, 0);
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .main {
      max-width: 600px;
      margin: auto;
      background: rgb(70, 32, 240);
      color: white;
      padding: 10px;
   }
   p {font-size: 40px;font-weight: lighter;}
</style>
</head>
<body>
<div class="main">
<h1>Center website horizontally example</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad nemo, nisi fugiat dolores 
quidem ipsam, quisquam sit, quos amet provident accusantium. Ab cumque est ut officia libero, 
quis non quidem eaque eligendi iusto numquam, optio magni corrupti, eum ad. </p>
</div>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে CSS দিয়ে আপনার ওয়েবসাইটকে অনুভূমিকভাবে কেন্দ্রে রাখবেন?


  1. সিএসএস দিয়ে কীভাবে একটি বোতাম উপাদান উল্লম্ব এবং অনুভূমিকভাবে কেন্দ্রীভূত করবেন?

  2. কিভাবে CSS দিয়ে স্ক্রলবার লুকাবেন?

  3. কিভাবে CSS দিয়ে তীর তৈরি করবেন?

  4. কিভাবে CSS দিয়ে ওয়েবসাইটের জন্য একটি সম্পর্কে/আমাদের সম্পর্কে পেজ তৈরি করবেন?