<

[Last Call] Learn how to a build a cloud-first strategyRegister Now

x

Custom List Bullets in CSS

Posted on
6,077 Points
77 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
Comment
0 Comments

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Join & Write a Comment

Suggested Videos

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Suggested Courses

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month