0

多くの企業では、上部の灰色のバーが平らではなく、少し「丸く」見えます。background: greycss以上のものだと思いますか？少し飛び出しているようにするにはどうすればよいですか？

4

3 に答える 3

3

最新のブラウザ用の CSS グラデーションを使用します。次のような Web サイトでコードを生成できます: http://gradients.glrzad.com/

background-image: linear-gradient(bottom, rgb(84,72,179) 38%, rgb(100,199,217) 78%);
background-image: -o-linear-gradient(bottom, rgb(84,72,179) 38%, rgb(100,199,217) 78%);
background-image: -moz-linear-gradient(bottom, rgb(84,72,179) 38%, rgb(100,199,217) 78%);
background-image: -webkit-linear-gradient(bottom, rgb(84,72,179) 38%, rgb(100,199,217) 78%);
background-image: -ms-linear-gradient(bottom, rgb(84,72,179) 38%, rgb(100,199,217) 78%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.38, rgb(84,72,179)),
    color-stop(0.78, rgb(100,199,217))
);

また、丸みを帯びたエッジの CSS Border radius コードを確認することもできます。この Web サイトでは、コードhttp://border-radius.com/が提供されます。

CSS グラデーションをサポートしていない古いブラウザーの場合は、背景画像を確認するか、別のものを確認する必要があります。

アップデート

handsofatenが指摘したように、最新の css を使用する場合、css3pie.com を使用して古いブラウザーのサポートを提供できます。

于 2012-08-17T18:59:46.400 に答える
0

私は確かに css3 を使用します。最近のほとんどの人は、css3 プロパティをフルに活用するのに十分な最新のブラウザーを使用しています。ボックスの影、テキストの影、透明度、境界線など、css3 で本当にスタイリッシュなサイトを構築するためのさまざまな機能。いくつかの例については、www.css3.infoをご覧ください。

于 2012-08-17T19:18:49.417 に答える
0

ボックス シャドウと丸い境界線 (境界半径) の組み合わせを使用します。グラデーションを追加することも、より新鮮な外観を得る良い方法です.

于 2012-08-17T21:53:55.767 に答える