لیست ها در css

لیست ها در CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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