কম্পিউটার

CSS ব্যবহার করে ডিফল্ট ডিসপ্লে মান পরিবর্তন করা


CSS-এর প্রতিটি উপাদানের একটি ডিফল্ট ডিসপ্লে মান রয়েছে এবং আমরা সহজেই পরিবর্তন করতে পারি। ডিসপ্লে প্রোপার্টি মান নির্ধারণ করে স্পষ্টভাবে এটি অস্বীকার করা হয়। আসুন একটি উদাহরণ দেখি যেখানে আমরা অনুভূমিক মেনুগুলির জন্য ইনলাইন ডিসপ্লে প্রপার্টি মান সেট করছি -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
p {
   background-color: orange;
   color: white;
}
li {
   display: inline;
}
</style>
</head>
<body>
<h2>Tutorials List</h2>
<p>Following are the list of resources:</p>
<ul>
<li><a href="https://www.tutorialspoint.com/machine_learning/index.htm" target="_blank">Machine Learning</a></li>
<li><a href="https://www.tutorialspoint.com/python_data_science/index.htm" target="_blank">Python Data Science</a></li>
<li><a href="https://www.tutorialspoint.com/python/index.htm" target="_blank">Python</a></li>
<li><a href="https://www.tutorialspoint.com/csharp/index.htm">C#</a></li>
<li><a href="https://www.tutorialspoint.com/artificial_intelligence/index.htm" target="_blank">Artificial Intelligence</a></li>
</ul>
</body>
</html>

আউটপুট

CSS ব্যবহার করে ডিফল্ট ডিসপ্লে মান পরিবর্তন করা


  1. CSS ব্যবহার করে লিঙ্কের রঙ সেট করা

  2. CSS ব্যবহার করে লিঙ্কগুলি থেকে ডিফল্ট আন্ডারলাইনগুলি সরানো হচ্ছে

  3. CSS ব্যবহার করে এলিমেন্টের টেক্সট কালার সেট করা

  4. CSS ব্যবহার করে ইমেজ স্প্রাইট থেকে একটি আইকন প্রদর্শন করুন