how do I change the color of the bullets in an Li tag in HTML?

Question

I made a list using notepad in html, and the bullets are defaulted as black... I want to know how to change the color, I keep finding codes using CSS, am I stuck with CSS? if there is a code using html for notepad, please help!

Answer 1

ul

{

list-style-type: none;

padding: 0px;

margin: 0px;

}

li

{

background-image: url(sqpurple.gif);

background-repeat: no-repeat;

background-position: 0px 5px;

padding-left: 14px;

}



As far as I'm aware you can't change the colour of the list bullet points.



Alternatively you can create an image of the bullet point in GIMP (http://www.gimp.org/) or Paint & use the CSS code above.

I'm not sure how big the bullet point image will need to be maybe about 15px x15px.



And yes you will need to use CSS.

HTML should only be used for the structure of your website not the styling.



--Edit I stand corrected---



You can do this without images but it still involves CSS

An unordered list

Bullet one colour and text another.

• List item number 1



• List item number 2



• List item number 3



• List item number 4



• List item number 5

Answer 2

As far as I know, you can't. What you could do, though, is make your own gif in the color you want and use list-style-image.

Answer 3

it is call ordered list and unordered list

• something

1. Something

in DW go to like Insert->HTML->UL or OL