HTML and CSS Reference
In-Depth Information
files in the Chapter4/starters folder. Save the images in your trilliumch4 folder. When
you are completed with this exercise, your page should look similar to the one shown in
Figure 4.21.
Figure 4.21
The background image in the <h2> areas is configured with background-repeat: no-repeat
Launch Notepad and open index.html.
Modify the style rule for the h2 selector and configure the background-image and
background-repeat properties. Set the background image to be trilliumbullet.gif. Set
the background to not repeat. The h2 selector style rules follow:
h2 { background-color: #d5edb3;
color: #5c743d;
font-family: Georgia, "Times New Roman", serif;
padding-left: 30px;
background-image: url(trilliumbullet.gif);
background-repeat: no-repeat;
Save your page as index.html. Launch a browser and test your page. It should look sim-
ilar to the one shown in Figure 4.21. The student files contain a sample solution in the
Chapter4/4.5 folder.
Search WWH ::

Custom Search