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

सीएसएस का उपयोग करके पृष्ठभूमि दोहराएं

<घंटा/>

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

सिंटैक्स

CSS बैकग्राउंड-रिपीट प्रॉपर्टी का सिंटैक्स इस प्रकार है -

Selector {
   background-repeat: /*value*/
}

उदाहरण

निम्नलिखित उदाहरण CSS बैकग्राउंड-रिपीट प्रॉपर्टी को दर्शाते हैं -

<!DOCTYPE html>
<html>
<head>
<style>
body {
   background-image: url("https://www.tutorialspoint.com/images/microsoftproject.png");
   background-repeat: repeat;
}
</style>
</head>
<body>
</body>
</html>

आउटपुट

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

सीएसएस का उपयोग करके पृष्ठभूमि दोहराएं

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
ul {
   background-image: url("https://www.tutorialspoint.com/images/questions-answers.png");
   background-repeat: space repeat;
}
</style>
</head>
<body>
<h2>Tutorials</h2>
<ul>
<li>Java</li>
<li>C#</li>
<li>Etherum</li>
<li>DBMS</li>
<li>OS</li>
</ul>
</body>
</html>

आउटपुट

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

सीएसएस का उपयोग करके पृष्ठभूमि दोहराएं


  1. सीएसएस का उपयोग करके पारदर्शी पृष्ठभूमि टेक्स्ट के साथ एक छवि कैसे बनाएं?

    सीएसएस का उपयोग करके पारदर्शी पृष्ठभूमि टेक्स्ट के साथ एक छवि बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" imageContent="width=device-width, initial-scale=1"> <style> * {    box-sizing: border-

  1. आरजीबीए का उपयोग कर सीएसएस पारदर्शिता

    CSS पारदर्शिता के लिए RGBA () मानों का उपयोग करें। रंग की अस्पष्टता निर्दिष्ट करने के लिए अल्फा चैनल पैरामीटर सेट करें। RGBA का उपयोग करके CSS पारदर्शिता को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: &qu

  1. CSS में Data-Attributes (data-*) का उपयोग करना

    हम data-* विशेषता का उपयोग करके तत्वों के बारे में अतिरिक्त जानकारी संग्रहीत कर सकते हैं। निम्नलिखित उदाहरण CSS डेटा-* विशेषता को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> dl {    margin: 2%; } p {    width: 60%;    background-col