The border-radius Property

Css border radius

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

The border-radius Property

<!DOCTYPE html>
<html>
<head>
<style> 
#rcorners1 {
  border-radius: 25px;
  background: #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}

#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}

#rcorners3 {
  border-radius: 25px;
  background: url(paper.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}
</style>
</head>
<body>

<h1>The border-radius Property</h1>

<p>Rounded corners for an element with a specified background color:</p>
<p id="rcorners1">Rounded corners!</p>
<p>Rounded corners for an element with a border:</p>
<p id="rcorners2">Rounded corners!</p>
<p>Rounded corners for an element with a background image:</p>
<p id="rcorners3">Rounded corners!</p>

</body>
</html>

Similar codes

0 vote248 views1 answer
{"errors":[], "error":{"zz":{"statuscode":"403","message":"Forbidden -- Request forbidden by administrative rules."}}}
Html
1 vote238 views1 answer
C# strip html tags
Html
23 votes241 views4 answers
Bootstrap 5 vertical align
Html
5 votes235 views3 answers
Html favicon.ico
Html
21 votes223 views6 answers
Html boilerplate code
Html
0 vote207 views1 answer
How to link an javascrit to an html fle grepper
Html
0 vote200 views1 answer
Responsive container centered
Html
0 vote216 views1 answer
How to put a name to anchor in html
Html
0 vote210 views3 answers
Tailwind flex column
Html
3 votes216 views2 answers
How to add color to particular text on <p>in html
Html