HTML / CSS

How to create divs with rounded corners, using only a lightweight circle graphic and a combination of xHTML/CSS

* Create a square image depicting a circle, using as a side double the radius of the desired round corners' width(You can do that with any image editor, i.e. mspaint). We 'll use 16px radius for our corners in our example, thus we'll be needing a square image 32x32 pixels depicting a circle(with a radius of 16px obviously), with the same border/backround color combination, as the divs we'll inclose.
CSS Code:

blog: 

Recent Comments

Forward by Dries Buytaert, Founder and Project Lead, Drupal; CTO Acquia.

Order now from:

Managing Expectations Podcast with DrupalEasy

Author Interview http://tinyurl.com/8a8nxno

We provide the most Shiny Drupal Bits & Pixels

Since Drupal 4.x

Konordo OÜ
Drupal Services

Reg No. 14623621
VAT ID. EE102121939

Director: Konstantin Ordoulidis

Get in touch

  • Konordo OÜ
  • Sepapaja 6, 15551 Tallinn, Estonia
  • +4917698807355
  • info [at] konordo [dot] com