সিএসএস টিউটোরিয়ালঃ ১৪তম পর্ব(Unordered List)

2
315 বার দেখা হয়েছে।

সিএসএস ধারাবাহিক টিউটোরিয়ালের এই পর্বে আলোচনা করবো Unordered List নিয়ে। সিএসএস দিয়ে Unordered লিস্ট স্টাইল পেলে হলে আপনাকে সিএসএস লিস্ট স্টাইল প্রোপার্টি list-style-type: value ব্যবহার করতে হবে। value তে Unordered list স্টাইল ভ্যালু circle, disc, square ব্যবহার করতে হবে। এবার একে একে লিস্ট আইটেম স্টাইল গুলো অ্যাপ্লাই করি নিচের মতঃ

Note: উপরের কোড টুকুর আউটপুট ব্রাউজার এ ঠিকমতো দেখায় কিনা সেটা প্রদর্শনের জন্য উইন্ডোজের Notepad অথবা Notepad++ সফটওয়্যারটি ওপেন করে কোডটুকু হুবহু নিজের হাতে লিখুন, ভুলেই কপি-পেস্ট করবেন না। ফাইলের নাম দিন cssulist বা আপনার পছন্দ মতো এবং Save as type নির্বাচন করুন .html। এবার Save করুন। মনে রাখতে হবে, প্রতিটি HTML ডকুমেন্ট .html ফরমেটে (Save) সংরক্ষণ করতে হবে। এবার ডাবল ক্লিক করে ব্রাউজারে ওপেন করুন। সব কিছু ঠিক থাকলে নিচের মত প্রদর্শন করবে…

CaptureCSSUList

বুঝতে কোথাও সমস্যা হলে আমার ফেসবুক গ্রুপে, পেজে অথবা ব্লগের জিজ্ঞাসা পাতা’য় জানাতে পারেন।

Series Navigation<< সিএসএস টিউটোরিয়ালঃ ১৩তম পর্ব(Ordered List)সিএসএস টিউটোরিয়ালঃ ১৫তম পর্ব(Custom List) >>
Print Friendly, PDF & Email

2 COMMENTS

  1. Boss,
    Don't mind, I am novice and think myself that I know a little, I am not dare enough to detect your fault,,,,,, With honour,….you have mistype on article 2702, you didn't mention value attribute for unordered list and beside you used tag for ordered list instead of unordered list…..

    Have a nice moment……
    emizan
    Madargonj
    Jamalpur

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.