لیست ها در css

لیست ها در CSS

در قسمت قبلی با نحوه استایل دادن به لینک ها آشنا شدیم . در این قسمت کار با لیست ها در css را آموزش خواهیم داد و نحوه استایل دادن به لیست و آیتم های آن را خواهیم آموخت.

دو نوع لیست در صفحه وجود دارد :

  • لیست نامرتب یا <ul> : لیست هایی که با گردی ، مربع یا خط تیره مشخص می شود
  • لیست مرتب یا <ol> : لیست هایی که با حروف الفبا یا اعداد مرتب می شوند.

استایل ها و سبک های مختلف لیست با ویژگی list-style-type :

می توانیم تصویر دلخواه را به عنوان نشانگر لیست انتخاب کنیم :

تگ <li> آیتم های یک لیست را مشخص می نماید :

ویژگی list-style-position : تورفتگی (داخل محتوا) یا خارج از محتوا را مشخص می نماید.

ویژگی های لیست را می توان به صورت کوتاه و خلاصه نیز نوشت :

می توان لیست ها و آیتم ها را با رنگ های مختلف زیباتر کرد . تگ ul و تگ ol را رنگی جداگانه و تگ li یا آیتم ها را نیز رنگی جداگانه می زنیم .

مثال زیر را ببینید:

این مطلب را با دوستان خود به اشتراک بگذارید :
آموزش CSS آموزش برنامه نویسی

درباره حسین رسولی

از سال 89 در زمینه طراحی اپلیکیشن های ویندوز ، موبایل و همچنین طراحی سایت فعالیت دارم و در حال حاضر مدیریت سایت جهان سورس را برعهده دارم و سعی می کنم روزانه آموزش ها و پروژه های برنامه نویسی را با شما به اشتراک بگذارم.

دیدگاه خود را بیان کنید

با عضویت در خبرنامه از تخفیفات ویژه سایت باخبر شوید

با عضویت در خبرنامه از تخفیفات ویژه سایت باخبر شوید

با موفقیت اشتراک شما ایجاد شد

از ما حمایت کنید