When you apply cascading style sheet rules to the <img> tag, you can specify different types of borders to be displayed around your pictures. CSS allows a variety of different border attributes, as we’ll discover in the next batch of templates. (You can, of course, add these CSS border attributes to any <img> tag used in any template in this chapter.)
The first CSS border attribute we’ll apply is that for a thin border, like the one shown in Figure 7.5. In this template, we apply the thin border to a single picture centered at the top of the item listing.