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