मैं एचटीएमएल में अपनी सभी स्टाइल को सीएसएस में कैसे स्थानांतरित करूं? जब मैं इसे कॉपी और पेस्ट करता हूं, तो यह ठीक से काम नहीं कर रहा है।

<!DOCTYPE html>
<html lang="en">



<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table,
        td,
        th {
            border-bottom: 1px solid #c4dcf3;
            border-collapse: collapse;
            padding: 5px;
        }
        
        tfoot {
            text-align: left;
        }
        
        tbody tr:nth-child(odd) {
            background-color: #eef7ff;
        }
    </style>


</head>

<body>
    <table>
        <thead style="background-color: #427fef;">
            <tr>
                <th>Country</th>
                <th>OrderID</th>
                <th>Order Amount</th>
            </tr>

        </thead>

        <tbody>

            <tr>
                <td>USA</td>
                <td>1000</td>
                <td>$1,300</td>
            </tr>

            <tr>
                <td>USA</td>
                <td>1001</td>
                <td>$700</td>
            </tr>
            <tr>
                <td>CA</td>
                <td>1002</td>
                <td>$2,000</td>
            </tr>

            <tr>
                <td>CA</td>
                <td>1003</td>
                <td>$1,000</td>
            </tr>
        </tbody>

        <tfoot>
            <tr style="background-color: #427fef;">
                <th>Total</th>
                <th align="center" colspan="2">$5,000</th>
            </tr>
        </tfoot>
    </table>




</body>

</html>
-4
Forca Naveen 11 मई 2021, 19:32
1
कृपया प्रश्न को स्वीकार करने के लिए जंक टेक्स्ट से न भरें - इसके बजाय सार्थक सामग्री जोड़ें।
 – 
Martin
11 मई 2021, 19:35
1
आपने वास्तव में क्या प्रयास किया? <style> टैग के बीच की हर चीज को .css से समाप्त होने वाले फिल में ले जाया जाना चाहिए। फिर सीएसएस के संदर्भ को मुख्य तत्व में जोड़ा जाना चाहिए। w3schools.com/html/html_css.asp
 – 
tacoshy
11 मई 2021, 19:42
1
नमस्ते! आपको "ठीक से काम नहीं कर रहे" शब्द को परिभाषित करने की आवश्यकता है। कृपया प्रश्न पूछने के सर्वोत्तम तरीकों के लिए stackoverflow.com/help/how-to-ask देखें!
 – 
Kishan Mehta
12 मई 2021, 07:22

1 उत्तर

सबसे बढ़िया उत्तर
i just link .css file within header

<!DOCTYPE html>
<html lang="en">



<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="mystyles.css">
    <title>Document</title>
   


</head>

<body>
    <table>
        <thead style="background-color: #427fef;">
            <tr>
                <th>Country</th>
                <th>OrderID</th>
                <th>Order Amount</th>
            </tr>

        </thead>

        <tbody>

            <tr>
                <td>USA</td>
                <td>1000</td>
                <td>$1,300</td>
            </tr>

            <tr>
                <td>USA</td>
                <td>1001</td>
                <td>$700</td>
            </tr>
            <tr>
                <td>CA</td>
                <td>1002</td>
                <td>$2,000</td>
            </tr>

            <tr>
                <td>CA</td>
                <td>1003</td>
                <td>$1,000</td>
            </tr>
        </tbody>

        <tfoot>
            <tr style="background-color: #427fef;">
                <th>Total</th>
                <th align="center" colspan="2">$5,000</th>
            </tr>
        </tfoot>
    </table>




</body>

</html>



and your mystyles.css is like 

 table,
        td,
        th {
            border-bottom: 1px solid #c4dcf3;
            border-collapse: collapse;
            padding: 5px;
        }
        
        tfoot {
            text-align: left;
        }
        
        tbody tr:nth-child(odd) {
            background-color: #eef7ff;
        }
0
Marynathan Judson 11 मई 2021, 20:18