<

Custom List Bullets in CSS

Posted on
6,165 Points
165 Views
Last Modified:
Experience Level: Beginner
3:27
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS.

Video Steps

1. Begin with a normal unordered list; the default bullet point is a solid circle

2. In the CSS, create a defined class of unordered list by typing "ul.Square"

3. Define the shape of the custom bullet point by using the "list-style-type:" property. For a square bullet point, define the property as "square"; you can also type "disc" for a hollow circle

4. To set an image as your bullet point, use the "list-style-image:" property. Set the image using url('Image.PNG'); format

0
0 Comments

Featured Post

CompTIA Network+

Prepare for the CompTIA Network+ exam by learning how to troubleshoot, configure, and manage both wired and wireless networks.

Suggested Videos

This article discusses four methods for overlaying images in a container on a web page
Enroll in these four OWASP courses: Avoiding Hacker Tricks, Forgery and Phishing, Proactive Controls, and Threats Fundamentals. Also learn a basic introduction to web design where you can implement these OWASP security measures.

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month