Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ टॉप-राइट कॉर्नर बॉर्डर सेट करें

<घंटा/>

बॉर्डर-टॉप-राइट का उपयोग करें सीएसएस में त्रिज्या संपत्ति शीर्ष दाएं त्रिज्या सीमा निर्धारित करने के लिए। आप बॉर्डर-टॉप-राइट-रेडियस प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

<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 के साथ बॉटम-लेफ्ट कॉर्नर बॉर्डर सेट करें

    सीमा-नीचे-बाएं-त्रिज्या का उपयोग करें निचले बाएँ कोने की सीमा निर्धारित करने के लिए संपत्ति। आप बॉर्डर-बॉटम-लेफ्ट-रेडियस प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <html>    <head>       <style>        

  1. CSS के साथ बॉटम-राइट कॉर्नर बॉर्डर सेट करें

    बॉर्डर-नीचे-दाएं-त्रिज्या का उपयोग करें निचले दाएं कोने की सीमा निर्धारित करने के लिए संपत्ति। आप बॉर्डर-बॉटम-राइट-रेडियस प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <html>    <head>       <style>        

  1. CSS के साथ ऊपरी-बाएँ कोने की सीमा सेट करें

    ऊपरी बाएँ कोने की सीमा निर्धारित करने के लिए बॉर्डर-टॉप-लेफ्ट-रेडियस प्रॉपर्टी का उपयोग करें। आप सीमा-बाएँ-त्रिज्या गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html>    <head>       <style>          #rcorn