Html 阴影体_Html_Css_Drop Shadow

Html 阴影体

html css

Html 阴影体,html,css,drop-shadow,Html,Css,Drop Shadow,我在这里浏览了其他的答案，但还是遇到了同样的问题，我对webdev也很陌生我正在尝试创建一个宽度为960px的，它将封装整个页面，然后在页面上添加阴影每当我尝试其他人发布的解决方案时，所发生的一切都是将阴影应用于页面顶部的徽标图像，而不是其他位置，即阴影不会继续穿过徽标并封装导航栏、内容等。这是我的代码 <body> <div=id"page"> <header> <img src="images/blank_l

我在这里浏览了其他的答案，但还是遇到了同样的问题，我对webdev也很陌生

我正在尝试创建一个宽度为960px的

，它将封装整个页面，然后在页面上添加阴影

每当我尝试其他人发布的解决方案时，所发生的一切都是将阴影应用于页面顶部的徽标图像，而不是其他位置，即阴影不会继续穿过徽标并封装导航栏、内容等。这是我的代码

<body>

    <div=id"page">

    <header>

        <img src="images/blank_logo.png" height="243"  width="744" class="center">


            <nav>
                <ul>
                    <li>
                        <a href="blank.html">blank</a>
                    </li>
                    <li>
                        <a href="blank.html">blank</a>
                    </li>
                    <li>
                        <a href="blank.html">blank</a>
                    </li>
                    <li>
                        <a href="blank.html">blank</a>
                    </li>
                    <li>
                        <a href="blank.html">blank</a>
                    </li>
                </ul>   
            </nav>

    </header>   

        <div id="content">
        <img src="images/ph.jpg" width="475" height="267" class="left">
        <img src="images/ph2.jpg" width="478" height="267" class="right">
        </div>

    </div>

</body>

有人知道我哪里出错了吗？

这是第一节的一个打字错误

应该是

这里是一个阴影的小提琴工作（确保您使结果窗口更大，否则您将看不到阴影）：

这是一个打字错误

它将

删除

边距：0自动从正文
，并将打字错误更新为其他人提到的（
到
）
解决方案：

正文{
宽度：100%；
最大宽度：960像素；
/*保证金：0自动*/
}
#页面{
-网络工具包盒阴影：0px 5px 10px#1c1c；
-莫兹盒阴影：0px 5px 10px#1c1c；
盒影：0px 5px 10px#1c1c；
}













是
，不是
。我想这就是问题所在。
这是打字错误吗<代码>
否则你应该把它改成请拉小提琴
body {

 width: 100%;
 max-width: 960px;
 margin: 0 auto;

}

#page {
-webkit-box-shadow:0px 5px 10px #1c1c1c;
-moz-box-shadow:0px 5px 10px #1c1c1c;
box-shadow:0px 5px 10px #1c1c1c;
}