Bilang default, kapag ang isang Web browser ay nagpapakita ng isang hindi naayos na listahan sa isang Web page, ang bawat item sa listahan ay may naunang bala. Ang pag-uugali na ito ay hindi laging kanais-nais, at maaaring hindi magkasya sa iyong pangkalahatang disenyo para sa pahina. Gamit ang CSS, maaari kang lumikha ng isang klase upang alisin ang mga bala mula sa mga tukoy na listahan sa iyong pahina, o maaari mong i-target ang HTML na "ul" na tag nang direkta upang alisin ang mga bala mula sa lahat ng mga listahan sa pahina.
1
Lumikha ng isang bagong pahina ng HTML sa isang text editor o aplikasyon sa pagbuo ng Web.
2
Lumikha ng isang simpleng hindi naayos na listahan sa pamamagitan ng pagdaragdag ng sumusunod na HTML sa katawan ng pahina:
- Item 1
- Item 2
- Item 3
I-save ang pahina at tingnan sa isang Web browser. Makikita mo na ang browser ay nagpapakita ng isang bala sa tabi ng bawat item sa listahan.
3
Idagdag ang sumusunod na code sa seksyon ng pahina:
Tinatanggal nito ang mga bala mula sa anumang listahan gamit ang klase na "myList". I-save ang pahina at i-reload sa iyong Web browser upang matingnan ang mga pagbabago.
4
Baguhin ang panuntunan sa CSS:
.myList {list-style-type: wala;}
Sa:
ul {list-style-type: wala; }
Target nito ang tag na "ul" ng HTML, at inaalis ang mga bala mula sa lahat ng hindi naayos na mga listahan sa iyong pahina. Magdagdag ng pangalawang halimbawa ng listahan, at tingnan ang pahina sa iyong Web browser upang mapatunayan ang parehong listahan na ipinapakita nang walang mga bala.
