Question

我如何创建下面的框？请有人请我指出正确的方向吗？我没有很多css经验。

enter image description here

Answer 1

您可以使用border-radius:和box-shadow: CSS属性完成所要求的内容。

此外，请勿直接在<body>上应用这些内容，但要使用常规包装<div>或<section>来接收这些属性。

Answer 2

#box{
    background:#FFFFFF;
    box-shadow:3px 3px 5px #333333;
    -moz-box-shadow:3px 3px 5px #333333;
    -webkit-box-shadow:3px 3px 5px #333333;
    -o-box-shadow:3px 3px 5px #333333;
    -ms-box-shadow:3px 3px 5px #333333;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

我添加了webkits所需的box-shadow，以便在所有浏览器平台上运行。

Answer 3

您可以利用CSS3。使用border-radius和box-shadow属性。

Answer 4

您可以使用此网站：CSS3 Generator

如何创建阴影css体

4 个答案: