<

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x

Custom List Bullets in CSS

Posted on
6,126 Points
127 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

Become a Microsoft Certified Solutions Expert

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

Join & Write a Comment

Suggested Videos

Title Views Activity
Creating Gradients in CSS 56
Creating Scalable Full-Page Backgrounds in CSS3 130
Creating an Image Sprite 84
Box Shadow Effect in CSS 146
This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month