简单的CSS样式不会显示..为什么好吗?

use*_*401 0 html css

所以我试图用我从颜色生成器得到的背景渐变为我的html的div部分着色但是由于某种原因这个代码不起作用.

我正在关注css/html教程,我正在复制他们正在做的事情,但是当我进行自己的调整时,它并不适合我.请参阅下面的代码.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>

    <head>
        <title>Let's Play</title>
        <link href="styles.css" rel="stylesheet" type="text/css">
    </head>

    <body> 
        <div id="mainbg">this part should have a colored gradient</div>
    </body>

</html>
Run Code Online (Sandbox Code Playgroud)

我的css是..

<style type ="text/css">


#mainbg{
    background: -webkit-linear-gradient(left, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
    /* background-color: rgb( 149, 206, 145); */
}
</style>
Run Code Online (Sandbox Code Playgroud)

甚至没有一个简单的背景出现..提前感谢

Rob*_*bin 6

从您的CSS文件中删除<style type ="text/css"></style>标记,离开您:

#mainbg{
    background: -webkit-linear-gradient(left, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
    /* background-color: rgb( 149, 206, 145); */
}
Run Code Online (Sandbox Code Playgroud)