Question

我通过切割和更改几个主题来构建布局。在该布局上，使用此CSS触发的所有内容背后都有一个阴影：

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

所以现在我正在重建主题，所以我可以按照我想要的方式构建div和css。原始设计有一个标题，其文本右侧对齐。为了重建我为标题做了3列布局，所以我可以在左侧添加一张照片，在中心添加一些内容。

我无法在新布局中使用上述影子代码。它不会为我的内容留下阴影。相反，如果我使用下面的代码并将其放入每个Div ID的CSS中的3列中的每一列，它将丢弃阴影...但是阴影溢出到第二列和第三列

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

现在我对HTML＆amp; CSS但我尽我所能。我试图将3个cols放入DIV并将阴影放到该div上，但它仍然无效。我尝试将cols插入 * 符号在下面的代码中的位置

 <div id="blah">**************</div>

任何关于我失踪的建议？

Answer 1

将阴影应用于外部div是正确的想法，但如果您使用div来制作内部列，则需要将clearfix应用于最后一个元素。

<div id="blah">
   <div class="third">First</div>
   <div class="third">Second</div>
   <div class="third">Third</div>
   <div class="clear"></div>
</div>

使用css

.clear { clear:both; }

这是你想要的效果吗？ http://jsfiddle.net/LcBUX/3/

CSS在身体上投下阴影

1 个答案: