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

CSS क्लिप-पथ का उपयोग करके एक त्रिभुज कैसे बनाएं

<घंटा/>

हम CSS क्लिप-पथ प्रॉपर्टी का उपयोग करके एक त्रिभुज बना सकते हैं।

सिंटैक्स

CSS क्लिप-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है -

<पूर्व>चयनकर्ता { क्लिप-पथ:/*मान*/}

उदाहरण

निम्नलिखित उदाहरण CSS क्लिप-पथ गुण को दर्शाते हैं।

     

यह निम्न आउटपुट देता है

CSS क्लिप-पथ का उपयोग करके एक त्रिभुज कैसे बनाएं

उदाहरण

     

यह निम्न आउटपुट देता है

CSS क्लिप-पथ का उपयोग करके एक त्रिभुज कैसे बनाएं


  1. CSS के साथ नोट्स कैसे बनाएं?

    CSS के साथ नोट्स बनाने के लिए, कोड इस प्रकार है - <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verd

  1. सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं?

    CSS के साथ 4-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .प्रथम, .सेकंड, .तीसरा, .चौथा {फ्लोट:बाएं; चौड़ाई:25%; रंग सफेद; पैडिंग:10px; ऊंचाई:500 पीएक्स; पाठ-संरेखण:केंद्र; } .पहले

  1. CSS के साथ चेकमार्क / टिक कैसे बनाएं

    हम CSS का उपयोग करके एक अनुकूलित चेकमार्क बना सकते हैं। निम्नलिखित उदाहरण इस प्रभाव को स्पष्ट करते हैं - उदाहरण <!DOCTYPE html> <html> <style> div {    margin: 2%;    position: relative;    width: 40px;    height: 40px;    box-shado