Sams Teach Yourself CSS in 10 Minutes > Styling a Round-Cornered Box - Pg. : Creative Edge

Table of Contents

This Book

Sams Teach Yourself CSS in 10 Minutes

Sams Teach Yourself CSS in 10 Minutes

Search

Contents

About the Author

Acknowledgments

We Want to Hear from You!

Reader Services

Lesson: Introduction

Lesson 1. Understanding CSS

Lesson 2. Using CSS Rules

Lesson 3. Selectors in Action

Lesson 4. Applying Styles

Lesson 5. Getting to Know the CSS Box Model

Lesson 6. Adding Background Images

Lesson 7. Formatting Text

Lesson 8. Styling a Flexible Heading

Lesson 9. Styling a Round-Cornered Heading

Lesson 10. Styling Links

Lesson 11. Positioning an Image and Its Caption

Lesson 12. Creating a Photo Gallery

Lesson 13. Styling a Block Quote

Lesson 14. Styling a Data Table

Lesson 15. Creating Vertical Navigation

Lesson 16. Creating Horizontal Navigation

Lesson 17. Styling a Round-Cornered Box

Setting Up the HTML Code

Creating the Illusion of Round Corners

Creating Selectors to Style the Round-Cornered Box

Preparing the Images

Styling the <div> Element

Styling the <h2> Element

Styling the <p> Element

Styling the .furtherinfo Class

Styling the <a> Element

Creating a Fixed-Width Variation

Creating a Top-Only Flexible Variation

Lesson 18. Creating a Site Header

Lesson 19. Positioning Two Columns with a Header and a Footer

Lesson 20. Styling a Page for Print

Lesson 21. Positioning Three Columns with a Header and a Footer

Lesson 22. Troubleshooting CSS

URL

Help

Lesson 17. Styling a Round-Cornered Box

In this lesson, you will learn how to create a flexible-width, round-cornered box using four corner images.

PREVIEW

Not a subscriber?

Start A Free Trial