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

अपने HTML तत्व को CSS के साथ रखें


CSS आपको अपने HTML तत्व की स्थिति निर्धारित करने में मदद करता है। आप किसी भी स्थान पर कोई भी HTML तत्व डाल सकते हैं। आप निर्दिष्ट कर सकते हैं कि क्या आप चाहते हैं कि तत्व पृष्ठ में उसकी प्राकृतिक स्थिति के सापेक्ष स्थित हो या उसके मूल तत्व के आधार पर निरपेक्ष।

उदाहरण

आइए हम सापेक्ष स्थिति का एक उदाहरण देखते हैं -

 <html>
    <head>
    </head>
    <body>
       <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;">
          This div has relative positioning.
       </div>
    </body>
</html>

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

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

  1. कैसे सीएसएस के साथ एक चिपचिपा तत्व बनाने के लिए?

    सीएसएस के साथ एक चिपचिपा तत्व बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&

  1. CSS Flex के साथ एलिमेंट को उसके कंटेनर के नीचे कैसे रखें?

    सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector {    flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>          div {