Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Share this Page URL

12. Improving Forms > Time for action – styling the styleable - Pg. 303

Chapter 12 Time for action ­ styling the styleable 1. Open up your styles.css fle. We'll start of by styling the feldsets and legends: fieldset { background: #fff; border: 1px dotted #83b0ca; margin: 10px 20px 0 20px; padding:10px; } legend { background: #bed6e3; border:1px solid #8fb7cf; color: #1C4257; padding: 0 5px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); } I've selected shades of blue that match the Aristo theme that I selected. If you chose a diferent theme, feel free to use diferent colors and styles to match your chosen theme. 2. Next, we'll style some of the container elements we're using in the form: fieldset p { margin: 0 0 10px 0; }