Otra vez más Google facilitándonos el trabajo. Esta vez con una herramienta muy escondida pero también muy curiosa.

Empezaremos teniendo un enlace como este:

http://groups-beta.google.com/groups/roundedcorners
?c=680404&bc=fff&w=20&h=20&a=tr

Analizando el enlace veremos que tiene algunas variables. A continuación explico cada una y los valores que podemos darle:

• c: Color del borde en hexadecimal, podemos usar la forma reducida (#RGB) o la completa (#RRGGBB) pero sin poner el #. También acepta el nombre del color especificado en CSS2: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white y yellow.
• bc: Color del fondo. Al igual que el anterior podemos usar la forma reducida o la completa y los nombres de los colores. Un truco, si lo dejamos en blanco el fondo será transparente.
• w: Ancho del borde en píxeles. Acepta valores del 1 al 64.
• h: Alto del borde en píxeles. Lo mismo que el anterior, acepta del 1 al 64
• a: Esquina que queremos generar. Podemos darle 4 valores distintos:
  • tr – Top-right o arriba-derecha.
  • tl - Top-left o arriba-izquierda.
  • br – Bottom-right o abajo-derecha.
  • bl - Bottom-left o abajo-izquierda.

Por ejemplo, si queremos una esquina inferior izquierda de color rojo (FF0000) con 25px de alto, 33px de ancho y de fondo azul (0000EE), la dirección sería esta:
http://groups-beta.google.com/groups/roundedcorners
?c=FF0000&bc=0000EE&w=33&h=25&a=bl
Y el resultado: