Rounding the Corners of Elements

Using CSS3, you can round the corners of most elements, including form elements, images, and even paragraphs of text, without needing additional markup or images (Image and Image). Like the margin and padding properties, the border-radius property has both long- and short-form syntaxes. Refer to Image for some basic examples showing different ways you can use the border-radius property.

This document contains example divs with

Get HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.