How to create rounded corner rectangle shape?
This is the simple first question for all students. I will give a level prize to improve your moderation power in this Forum Community.
Explain: For this question, you must write HTML & CSS Code according to my necessity. You should write code for rounded left-bottom and top-right corners only.
<!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>
Hey people!!!!!
Good mood and good luck to everyone!!!!!
Hey people!!!!!
Good mood and good luck to everyone!!!!!
Thanks to add here. Carry on. Please add your profile pic.
Hello!
Good cheer to all on this beautiful day!!!!!
Good luck 🙂
Leave a reply
- 8 Forums
- 2 Topics
- 10 Posts
- 0 Online
- 16 Members