HTML and CSS Reference
In-Depth Information
To use an image for a list bullet:
◗
1.
Return to the
sa_styles.css
file in your text editor.
◗
2.
Directly below the style rule for the closing paragraph, insert the following as
shown in Figure 3-45:
section h2+ul {
list-style-image: url(arrow.png);
}
Figure 3-45
Displaying an image in place of a marker
marker image
◗
3.
Save your changes to the file and then reload the
home.htm
file in your Web
browser. As shown in Figure 3-46, the items for farm hours and driving directions
are now displayed with green arrow markers.
Figure 3-46
Green arrow markers
bullets rep
l
aced with
graphic m
a
rkers