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 ジェネレーター

于 2012-12-29T12:02:40.457 に答える