要素フィレットの追加

628 ワード

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

この例は、Mozilla(Mozilla Firefoxなど)ベースとWebkit(Apple Safariなど)ベースの古いブラウザにタグを適用するためだけです.必要に応じて、上記の3つのプロパティを異なる値に設定し、FirefoxとGoogle Chromeでスタイルに異なる効果を表示できます.
にシャドウを生成することもできます.このためには、次の3つのプロパティを使用できます(もう一度説明します.さまざまなブラウザを処理する必要があります).
-webkit-box-shadow: 8px 8px 6px #AAAAAA;
-moz-box-shadow: 8px 8px 6px #AAAAAA;
box-shadow: 8px 8px 6px #AAAAAA;

この場合、最初のアトリビュートは水平シャドウ、2番目は垂直シャドウ、3番目はぼかし量、4番目はシャドウの色です.ブラー量とシャドウの間に別のアトリビュート(シャドウのオーバーライド範囲に関連する別のサイズ値)を配置できますが、このアトリビュートは広く使用されていないようです.