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
Search WWH ::

Custom Search