কম্পিউটার

CSS ব্যবহার করে তালিকা শৈলীর ধরন সেট করা


CSS-এ লিস্ট স্টাইল টাইপ সেট করতে, CSS-এ লিস্ট-স্টাইল-টাইপ প্রপার্টি ব্যবহার করুন।

উদাহরণ

আসুন আমরা একটি উদাহরণ দেখি যেখানে আমরা unordered list -

এর জন্য লিস্ট স্টাইল টাইপ সেট করছি
<!DOCTYPE html>
<html>
<head>
<style>
ul {
   list-style-type: square;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ul>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ul>
</body>
</html>

আউটপুট

CSS ব্যবহার করে তালিকা শৈলীর ধরন সেট করা

উদাহরণ

আসুন এখন একটি উদাহরণ দেখি যেখানে আমরা অর্ডার করা তালিকা (ol) -

-এর জন্য তালিকা শৈলীর ধরন নির্ধারণ করছি
<!DOCTYPE html>
<html>
<head>
<style>
ol {
   list-style-type: upper-roman;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ol>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ol>
</body>
</html>

আউটপুট

CSS ব্যবহার করে তালিকা শৈলীর ধরন সেট করা


  1. CSS ব্যবহার করে ব্যাকগ্রাউন্ড ইমেজ সেট করা

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

  3. CSS-এ সাধারণ ভাইবোন নির্বাচক

  4. কিভাবে একটি মৌলিক তালিকা সিএসএস দিয়ে একটি তালিকা গ্রুপে রূপান্তর করবেন?