حذف دایره های سیاه (Bullet) نمایش داده شده در فهرست ها (List) (فهرست های بر اساس تگ های ul و li)، با مشخصه list-style-type: none ، در CSS

هنگامی که یک فهرست (List) را بر اساس تگ های ul و li می سازیم، در کنار هر بخش (item) از فهرست (List)، یک دایره سیاه (Bullet) نمایش داده می شود.

برای حذف این دایره های سیاه (Bullet)، می توانیم کد CSS زیر را بنویسیم :

به مثال زیر توجه کنید :

مثال

ابتدا فهرست (List) را بدون استفاده از کدهای CSS نمایش می دهیم :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

اکنون کدهای CSS را برای حذف دایره های سیاه (Bullet)، به کار می بریم :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26712
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 2 2 0
حسین
۱۴۰۰/۰۹/۲۴
۰۸:۴۳

چطور میشه این نقاط رو به سمت راست انتقال دار ؟

parsa
۱۴۰۲/۰۹/۲۴
۱۹:۱۹

باید دایرکشن شو راست به چپ بزاری 
 direction: rtl  ;

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)