Rounded corners and highlight

Posted under » CSS on 02 April 2014

Works on modern browsers. To add rounded corners to a div element

div
{
border:2px solid;
border-radius:25px;
} 

For detailed gradient background, hover and stuff, use this webtool.

For modern tailwind buttons

For highlight like a marker, all you need to do is

This is important text that stands out.

It will be in default mode ie yellow highlight color but if you wish to customise it...

.custom-highlight {
  background-color: #ffeb3b; /* Bright yellow */
  color: #000000;            /* Dark text for contrast */
  padding: 0 4px;            /* Optional: breathable edges */
  border-radius: 2px;        /* Optional: rounded edges */
}