Apply CSS to the Image Gallery

Although the Image Gallery is now completely functional, the front-end is not exactly pretty. In this page you will create a CSS stylesheet, and define your own styles to jazz up the index page.

1. To define a new stylesheet, go to the design panel and click the New CSS Style button as shown below:
   
   
    

2. This will bring up the New CSS Style interface, where you define a new style, and the stylesheet file to contain it. In this case, you will be creating a new file:
   
   
    

3. Save As
   
   
    

4. Aligning table cells at the top:
   
   
    

5. Specify settings for your new style:
   
   
    

6. Adding class to a specific element:
   
   
    

7. Modify existing style: