You need to remove the default bullet points and apply a custom image as the bullet for each list item in an unordered list. How would you achieve this in CSS?
- Apply a background image to each list item.
- Use the list-style-image property.
- Use the list-style-type property with the image value.
- Use the list-style: none; property.
To remove the default bullet points and apply a custom image as the bullet for list items in an unordered list, you should use the list-style-image property and specify the URL of the image you want to use as the bullet.
Loading...
Related Quiz
- You're working on a responsive design where you want a row of items to wrap onto the next line when there isn't enough space. Which Flexbox properties would you adjust?
- For performance considerations, which CSS function can be used to move an element on the Z-axis without triggering layout or paint operations?
- What is the total width of an element (including padding and border) when the 'box-sizing' property is set to 'content-box'?
- The "line-height" property can be set using units like px, em, and ________.
- How can you reverse the order of flex items?