Styling the Image

Styling the Image

Finally, the image can be styled with a border.

There are many ways to specify a border around an image. The simplest method is the shorthand border property shown in Listing 11.6 and illustrated in Figure 11.5.

Listing 11.6. CSS Code Styling the Image

div.imagecaption
{
    float: right;
    width: 182px;
    margin: 0 1em 1em 1em;
    display: inline;
    padding: 10px 10px 70px 10px;
    background: #036 url(chapter11.gif) repeat-x 0 100%;
    color: #fff;
    text-align: center;
}

div.imagecaption img
{
    border: 1px solid #fff;
}