Subscribe
24/7 MSP, BDR, MDM, and Cloud Services

Rounded Corners on Boxes – CSS Effects

Adding rounded corners to an HTML element has traditionally been anything but trivial. Extra markup, bloated scripts, sliced images and other less-than-optimal methods have all at some time been used to achieve rounded corners.

But CSS3’s border-radius property makes those old-school solutions obsolete. Here’s the syntax:

.example{
border-radius: 40px;
}

Including this code will add a 40px radius to each of the corners on the affected element.

The example code above is the shorthand notation, and is the simplest and most common way to use border-radius.

BLOG POSTS

MAIN ADDRESS

Overland Park Corporate Woods
9393 W 110th St, Ste 500,
Overland Park, KS 66210, USA

Toll Free: +1 (877) 712-2238
Phone: +1 (913) 730-8673

Website: https://abdtechnology.com
Email: support@abdtechnology.com
Managed IT Support, Cloud Service, and Network Security Services.