حذف دایره های سیاه (Bullet) نمایش داده شده در فهرست ها (List) (فهرست های بر اساس تگ های ul و li)، با مشخصه list-style-type: none ، در CSS
هنگامی که یک فهرست (List) را بر اساس تگ های
ul و
li می سازیم، در کنار هر بخش (item) از فهرست (List)، یک دایره سیاه (Bullet) نمایش داده می شود.
برای حذف این دایره های سیاه (Bullet)، می توانیم کد CSS زیر را بنویسیم :
به مثال زیر توجه کنید :
ابتدا فهرست (List) را بدون استفاده از کدهای CSS نمایش می دهیم :
کد کامل صفحه HTML :
نتیجه :
اکنون کدهای CSS را برای حذف دایره های سیاه (Bullet)، به کار می بریم :
کد کامل صفحه HTML :
نتیجه :
دسته بندی
فهرست ها (لیست ها - List)، در CSS
نویسنده
علیرضا گلمکانی
شماره کلید
26712
گزینه ها
نظرات 3 3 0
حسین ۱۴۰۰/۰۹/۲۴
۰۸:۴۳
چطور میشه این نقاط رو به سمت راست انتقال دار ؟
parsa ۱۴۰۲/۰۹/۲۴
۱۹:۱۹
باید دایرکشن شو راست به چپ بزاری
direction: rtl ;
علی ۱۴۰۳/۰۴/۰۴
۱۵:۴۹
ممنون