Question

styles.css

        /* Footer */

        .footer{
            background-image: url("footer.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: auto;
        }

footer.php

    <link rel='stylesheet' href='styles.css'>

    <div class="footer"><br>
        <div class="container">
            <div class="row">
                <div class="col-sm-3 col-sm-offset-1">
                    <h2 style="color:white"><b>Address</b></h2>
                    <p style="color:white">Son Of xyz</p>
                    <p style="color:white">bangalore 560040</p>
                    <p style="color:white">karnataka india </p>
                </div>
                <div class="col-sm-3 col-sm-offset-1">
                    <h2 style="color:white"><b>Contact</b></h2>
                    <p style="color:white"><b>E-mail:</b> xyz@gmail.com</p>
                    <p style="color:white"><b>Phone:</b> +91 9999999999</p>
                    <p style="color:white"><b>Fax:</b> +91 9999999999</p>
                </div>
                <div class="col-sm-3 col-sm-offset-1">
                    <h2 style="color:white"><b>Usefull Links</b></h2>
                    <div class="row">
                        <div class="col-sm-3">
                            <p><a href="" style="color:white">Home</a></p>
                            <p><a href="" style="color:white">About Us</a></p>
                            <p><a href="" style="color:white">Portfolio</a></p>
                        </div>
                        <div class="col-sm-1">
                            <p><a href="" style="color:white">Products</a></p>
                            <p><a href="" style="color:white">Careers</a></p>
                            <p><a href="" style="color:white">Contact</a></p>
                        </div>
                    </div>
                </div>
            </div><hr>
            <div class="row">
                <div class="col-sm-">
                    <center><p style="color:white;"><i class="fa fa-copyright" style="font-size:24px"></i> Copyright 2018 Samson Solar - All Rights Reserved</p></center>
                </div>
            </div>
        </div>
    </div>

我正在创建一个扩展名为.php的网页，我试图将css文件包含在footer.php页面中，但未显示。请任何人告诉我我该怎么做。在.html文件中使用的相同代码有效，但如果将其用作.php扩展名，则无法正常工作。

Answer 1

您可以尝试

<link rel='stylesheet' href='./styles.css' type='text/css'>

确保footer.php和style.css位于同一目录中。

Answer 2

尝试一下：echo "<link rel='stylesheet' href='styles.css' type='text/css'>";（无需php代码，您可以直接从HTML链接CSS文件）

我只是想知道，但是在这种情况下，表格对您来说会更好吗？我看到很多嵌套的div。

Answer 3

首先通过下面的CSS代码，然后查看结果是否正常工作

.footer{
    background-image: url("footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    background-color: red;
}

包含CSS文件时出错

3 个答案: