Categories: Css3

Rounded Corners in CSS

Share

This below content gives you an idea how to make cross-browser compatible rounded corners with CSS.

Example of Rounded Corners:

<!DOCTYPE html>
<html>
<head>
<style>
.roundCorner{
background: #C2C2C2;
border-radius: 25px;
border: 3px solid #C2C2C2;
padding: 15px;
width: 150px;
height: 150px;
}
</style>
</head>
<body>
<div class="roundCorner">Rounded corner div!</div>
</body>
</html>

Recent Posts

Overview of Reputation, Services, and Features of IplWin

IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…

2 days ago

Blogging Brilliance: Driving Traffic and Engagement with Quality Content

Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…

2 days ago

How Assisted Living Gives Seniors More Freedom

In today’s rapidly aging society, finding a living situation that provides older adults with both…

2 days ago

Should you go for a Refurbished Mac?

If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…

3 days ago

How Many Types of Bits are Used in Drilling Operations?

Oil drilling is a complex process that involves several components, including the drilling bit. The…

3 days ago

Best Watches to Match Your Business Look

Watches can be more than a fashion. They can be a symbol, especially in the…

4 days ago