Home/ Questions/Q 6671581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:24:20+00:00

How can I create the following html/css style (rounded corners, basic background-color) highlighted in

  • 0

How can I create the following html/css style (rounded corners, basic background-color) highlighted in red box:

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use the border-radius CSS property to create rounded borders:

    -moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
border-radius: 5px;     /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */

    You can leave out the prefixes, because Firefox 3.6 or old webkit browsers are almost extinct.

    Although it’s possible to get rounded corners in OldIE (IE8-) using divs+images or PIE.htc, I recommend against it: PIE is not very reliable, and adding several HTML hacks just to get something to work in old IE is a waste.

    See also: MDN: border-radius.

    • 0