उदाहरण
CSS का उपयोग करके हेडर को स्टाइल करने के लिए, निम्न कोड का उपयोग करें:
<!DOCTYPE html> <html> <head> <title>पृष्ठ शीर्षक</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; margin: 0; } .header { padding: 30px; text-align: center; background: #bc1a6b; color: white; font-size: 30px; } main { padding: 20px; font-size: 18px; } </style> </head> <body> <div class="header"> <h1>मेरी वेबसाइट ⇅</h1> </div> <main> <h1>कोई शीर्षक</h1> <p>कुछ नमूना सामग्री। कुछ नमूना सामग्री।</p> <p>कुछ नमूना सामग्री। कुछ नमूना सामग्री।</p> <p>कुछ नमूना सामग्री। कुछ नमूना सामग्री।</p> </main> </body> </html>
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:
