3:26
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 Comments
Suggested Videos
| Title | Views | Activity |
|---|---|---|
| Alpha Transparency in CSS | 114 | |
| Rounded Corner Effect in CSS | 71 | |
| Using Google Font API in CSS | 69 | |
| Introduction to CSS (Part 2) | 115 |
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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?
- Web Development
- Programming
- CSS
- HTML
- R
- JavaScript
Suggested Courses
Next Video:Corner Ribbon Effect in CSS