要素フィレットの追加
628 ワード
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
この例は、Mozilla(Mozilla Firefoxなど)ベースとWebkit(Apple Safariなど)ベースの古いブラウザにタグを適用するためだけです.必要に応じて、上記の3つのプロパティを異なる値に設定し、FirefoxとGoogle Chromeでスタイルに異なる効果を表示できます.
にシャドウを生成することもできます.このためには、次の3つのプロパティを使用できます(もう一度説明します.さまざまなブラウザを処理する必要があります).
この場合、最初のアトリビュートは水平シャドウ、2番目は垂直シャドウ、3番目はぼかし量、4番目はシャドウの色です.ブラー量とシャドウの間に別のアトリビュート(シャドウのオーバーライド範囲に関連する別のサイズ値)を配置できますが、このアトリビュートは広く使用されていないようです.
-webkit-box-shadow: 8px 8px 6px #AAAAAA;
-moz-box-shadow: 8px 8px 6px #AAAAAA;
box-shadow: 8px 8px 6px #AAAAAA;
この場合、最初のアトリビュートは水平シャドウ、2番目は垂直シャドウ、3番目はぼかし量、4番目はシャドウの色です.ブラー量とシャドウの間に別のアトリビュート(シャドウのオーバーライド範囲に関連する別のサイズ値)を配置できますが、このアトリビュートは広く使用されていないようです.