chrome无法显示css样式问题

悬赏园豆：20 [已解决问题] 浏览: 4381次解决于 2013-11-29 01:18

我创建了两个文件如下：test.html和test.css，它们在一个目录下

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="test.css"/>
        <title>好书推荐</title>
    </head>
    <body>        
        <p>
            《大秦帝国》是其第一部大型文学作品。分为六部 ：《黑色裂变》、 《国命纵横》、《金戈铁马》、《阳谋春秋》、 《铁血文明》、《帝国烽烟》 由河南文艺出版社和长江文艺出版社出版。作者孙皓晖表示《大秦帝国》是对误读历史的纠正。
        </p>    

    </body>
</html>

 body
 {
     margin-left: 20%;
     margin-right: 20%;
     border: 1px dotted gray;
     padding: 10px 10px 10px 10px;
     background-color: #d2b48c;
 }
 p{color: maroon;}
 h1{border-bottom: 1px solid black;}