0

我怎样才能创建下面的框？有人可以指出我正确的方向吗？我没有太多的CSS经验。

在此处输入图像描述

4

4 回答 4

3

你所问的可以用border-radius:和box-shadow:CSS 属性来完成。

此外，不要将这些直接应用于<body>但有一个通用包装器<div>或<section>接收这些属性。

于 2012-12-29T09:32:15.597 回答
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

于 2012-12-29T09:32:36.700 回答
1

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

于 2012-12-29T09:33:10.527 回答
1

你可以使用这个网站：CSS3 Generator

于 2012-12-29T12:02:40.457 回答