Bullet ها برای نشان دادن لیستها در صفحات وب بکار میروند . Bullet ها فقط به اشکال دایره، مربع محدود نمیشوند و میتوان توسط CSS از هر شکلی بعنوان Bullet استفاده نمود . برای شروع توسط تگ ul(Unorderd List) باید لیست خود را تهیه کنیم :<ol dir="ltr" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> اکنون کافیست که در فایل CSS این چند خط را اضافه کنیم :<ol dir="ltr" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "> <style type=“text/css”> li.newbullet { list-style-image:url(arrow.gif) } </style> هم اکنون کافیست که Bullet هارا به متن مورد نظرمان نسبت دهیم :<ol dir="ltr" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "> <ul> <li class=“newbullet”>List item one</li> <li>List item two</li> <li class=“newbullet”>List item three</li> </ul> البته باید دقت کنید که قبلا بولت دلخواه هود را رسم کرده باشد ، . همچنین برای مشاهده سورس کامل برنامه در همان صفحه Demo سورس برنامه را ببینید
