2

SOと同じようにボタンAsk Questionがあり、CSSは次のとおりです。

.rfs .grey_btn{
   float: right;
   margin: 15px 5px;
}

次に、境界線の影を追加する必要があり、border-radiusとbox-shadowを試しましたが、適切な結果が得られません。

また、他の質問は、ラベルまたはボックスに、そのボックスのサイズを大きくして、そのボックス内のテキストを右に移動したいということです。現在、ボックスの終了制限に達するよりも右に移動すると、そのため、テキストをより右にプッシュできるように、ボックスのサイズを大きくしたいと思います。

私の質問を明確にしたことを願っています。任意のガイダンスをいただければ幸いです。

ありがとう。

4

3 に答える 3

2

box-shadowプロパティはまだ広くサポートされていませんが、次のように実装できます。

img {
    -webkit-box-shadow: 5px 5px 10px #666;
    -moz-box-shadow: 5px 5px 10px #666;
    box-shadow: 5px 5px 10px #666;
}

ラベル/ボックスについて何を尋ねているのかわかりませんか？

于 2010-06-08T18:28:03.177 に答える
1

ボックスシャドウはCSS3プロパティであるため、一部の最新のブラウザでのみ機能します。それらを正しく使用する方法については、こちらをご覧ください：http ://www.css3.info/preview/box-shadow/

シャドウ効果に背景画像を使用することも、境界線のある2番目のタグ（スパンなど）を使用することもできますが、これは非常に醜い解決策です。

ラベルに関する質問：テキストを右側に移動してラベルの幅を広げる「pagging-left」を追加しようとしましたか？

編集：CSS3は最終的なものではないため、すべてのブラウザーには独自のpseudo-css3-propertyがあります。SOボタンに影と余分な幅とスペースを追加すると、最新のブラウザで次のCSSプロパティを使用できます。

.nav a {
    -khtml-box-shadow: 10px 10px 5px #888888;
    -webkit-box-shadow: 10px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888;
    box-shadow: 10px 10px 5px #888888;
    padding-left: 35px;
}

編集：SafariおよびKHTMLブラウザ用のCSSを追加しました。その結果、次のようになります。 SOボタン

于 2010-06-08T18:22:26.247 に答える
0 
.rfs .grey_btn
{
    -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
}
于 2016-05-01T08:52:52.837 に答える