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

© 2014 Konordo Limited
Drupal Services provider.
All rights reserved.

Reg Nr. 12301661F
VAT Nr. CY10301661D

M. Director: Konstantin Ordoulidis

 

Get in touch

  • Omirou 10, 3095, Limassol, Cyprus
  • +4917698807355
  • info [at] konordo [dot] com

Submit
randomness