কম্পিউটার টিউটোরিয়াল

CSS-এ উপরের ডান কোণার বর্ডার সেট করুন


CSS-এ উপরের ডান কোণার ব্যাসার্ধ বর্ডার সেট করতে border-top-right-radius প্রপার্টি ব্যবহার করুন। বাস্তবায়ন করতে নিচের কোডটি চালান:

উদাহরণ

<html>
  <head>
    <style>
      #rcorner {
        border-radius: 25px;
        border-top-right-radius: 45px;
        background: orange;
        padding: 20px;
        width: 400px;
        height: 250px;
      }
    </style>
  </head>
  <body>
    <p id="rcorner">Rounded border-top-right corner!</p>
  </body>
</html>

  1. CSS দিয়ে বর্ডারযুক্ত ফর্ম ইনপুট তৈরি

  2. CSS-এ নিচের বাম কোণার বর্ডার সেট করা

  3. CSS-এ নিচের ডান কোণার বর্ডার সেট করা

  4. CSS border-top-left-radius দিয়ে উপরের বাম কোণার বর্ডার গোলাকার করা