Categorized | Blogging

Rounded Corners (CSS Boxes) Made Easy With Simple Script

Posted on 02 February 2010

Do you find it confused and difficult to use the rounded corners in HTML and CSS? Doing it manually is very time consuming.

Here is a script that simplifies rounded corner and produces boxes which scale perfectly and blend smoothly to the background color.

As you enter the link given below, you will notice general information to make rounded CSS Boxes. To create your corners you have to define some variables like colors and line width. For each corner, you can use a different background color and radius. If you use a zero-radius, a sharp corner will be drawn. Radii cannot be larger than 32 pixels (to decrease server load).

Also after copying it to your website, you can fill the box with anything you want. Text, tables, images, forms, you can resize your browser window or font-size to see how the box can scale.

Read More: Rounded CSS Boxes

  • Share/Bookmark

Related posts:

  1. Drag and DropZone–mix of keyboard shortcuts and search engines in one simple tool
  2. GIMP an alternative for Photoshop.
  3. For $179.99, Sharp Aquos BD-HP21U Blu-ray player by Sears.
  4. Photoshop File Plug-in “paint.net”
  5. Pentax Optio W80 Camera, Simple Yet Best WaterProof with Price, Specs & Features

This post was written by:

webtech - who has written 1784 posts on Website Technology Point.


Contact the author

0 Comments For This Post

1 Trackbacks For This Post

  1. Rounded Corners (CSS Boxes) Made Easy With Simple Script | Website … « Script says:

    [...] Today found this great post, here is a quick excerpt : Rounded Corners (CSS Boxes) Made Easy With Simple Script. Posted on 02 February 2010. Do you find it confused and difficult to use the rounded corners in HTML and CSS? Doing it manually is very time consuming. … Read the rest of this great post Here [...]

Leave a Reply