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

CSS से दो लाइनों के बीच बॉर्डर सेट करें

दो लाइनों के साथ बॉर्डर सेट करने के लिए border-style गुण का उपयोग double मान के साथ करें। निम्न कोड चलाकर border-style गुण लागू करें:

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px; border-style:none;">
      This is a border with none width.
    </p>
    <p style="border-width:4px; border-style:double;">
      This is a border with two solid lines.
    </p>
  </body>
</html>
  1. - CSS से निचले-दाएं कोने का बॉर्डर सेट करें

    किसी तत्व के निचले-दाएं कोने को गोलाकार बनाने के लिए border-bottom-right-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html>    <head>       <style>          #rcorner {             border-radius: 25px;  

  1. - CSS से ऊपरी-बाएं कोने का बॉर्डर सेट करें

    border-top-left-radius प्रॉपर्टी ऊपरी-बाएं कोने का बॉर्डर सेट करने के लिए border-top-left-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-top-left-radius: 45px; background: #FADBD8; pad

  1. - CSS के साथ ऊपरी-दायां कोना बॉर्डर सेट करें

    CSS में ऊपरी-दाएं कोने की त्रिज्या सेट करने के लिए border-top-right-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-top-right-radius: 45px; background: orange; padding: 20px;