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

CSS

  1. CSS के साथ Hue-Saturation-Lightness मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करें

    ह्यू-सेचुरेशन-लाइटनेस मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करने के लिए, hsl() CSS पद्धति का उपयोग करें। आप सीएसएस में एचएसएल () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <sty

  2. CSS के साथ Hue-Saturation-Lightness-Alpha मॉडल (HSLA) का उपयोग करके रंगों को परिभाषित करें

    अपारदर्शिता के साथ ह्यू-सेचुरेशन-लाइटनेस मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करने के लिए, hsla() CSS पद्धति का उपयोग करें। उदाहरण आप सीएसएस में hsla() फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>   &nbs

  3. सीएसएस के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें

    रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

  4. बॉर्डर-राइट-कलर प्रॉपर्टी पर एनिमेशन करें

    बॉर्डर-राइट-कलर . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             w

  5. बॉर्डर-दाईं-चौड़ाई वाली संपत्ति पर एनिमेशन करें

    सीमा-दाईं-चौड़ाई . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             w

  6. CSS बॉर्डर-स्पेसिंग संपत्ति को चेतन करें

    बॉर्डर-स्पेसिंग . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          table,th,td {           &

  7. CSS ग्रिड-कॉलम-एंड प्रॉपर्टी का उपयोग

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

  8. सीमा-नीचे-चौड़ाई वाली CSS संपत्ति पर एनिमेशन निष्पादित करें

    CSS के साथ बॉर्डर-बॉटम-चौड़ाई प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             wi

  9. CSS के साथ एनिमेट बॉर्डर-कलर प्रॉपर्टी

    CSS के साथ बॉर्डर-कलर प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 500

  10. सीएसएस के साथ सीमा-बाएं संपत्ति को चेतन करें

    ऐनिमेशन को बॉर्डर-बाएं पर लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             wi

  11. CSS में कंटेनर के निचले भाग में फ्लेक्स आइटम संरेखित करें

    अलाइन-आइटम का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-एंड तल पर फ्लेक्स आइटम संरेखित करने के लिए। उदाहरण फ्लेक्स-एंड . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य <!DOCTYPE html> <html>    <head>       <style>    

  12. एनिमेट सीएसएस बॉर्डर-लेफ्ट-कलर प्रॉपर्टी

    बॉर्डर-लेफ्ट-कलर . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {            

  13. चेतन सीएसएस सीमा-बाएं-चौड़ाई संपत्ति

    CSS के साथ बॉर्डर-लेफ्ट-चौड़ाई प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             w

  14. CSS बॉर्डर-राइट प्रॉपर्टी पर एनिमेशन करें

    CSS के साथ बॉर्डर-राइट प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 50

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

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

  16. CSS के साथ बॉटम-लेफ्ट कॉर्नर बॉर्डर सेट करें

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

  17. सीएसएस के साथ फ्लेक्स आइटम लपेटें

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

  18. CSS में पंक्तियों के बीच रिक्त स्थान के साथ फ्लेक्स आइटम प्रदर्शित करें

    औचित्य-सामग्री का उपयोग करें मूल्य के साथ संपत्ति अंतरिक्ष-बीच पंक्तियों के बीच स्थान जोड़ने के लिए। उदाहरण आप स्पेस-बीच मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>     &nbs

  19. CSS के साथ फ्लेक्स आइटम लपेटने से बचें

    फ्लेक्स-रैप का उपयोग करें बिना रैप . वाली संपत्ति फ्लेक्स-आइटम लपेटने से बचने के लिए मूल्य। उदाहरण आप अब्रैप मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>         &n

  20. सीएसएस के साथ कंटेनर के अंत में फ्लेक्स लाइनों को प्रदर्शित करें

    संरेखण-सामग्री का उपयोग करें मूल्य के साथ संपत्ति flex-end फ्लेक्स लाइनों को अंत में सेट करने के लिए। उदाहरण आप फ्लेक्स-एंड को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य div {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:100 पीएक्स; मार्

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:34/79  20-कंप्यूटर/Page Goto:1 28 29 30 31 32 33 34 35 36 37 38 39 40