cssの基本

cssの基本的な記述についてのサンプルです。

スポンサーリンク
cssの基本

transform: rotate (要素の回転)

マウスを乗せてくださいtransform:rotateプロパティは「要素の回転」を指定する場合に使用します。html<divclass="square_transform_rotate"></div>css/*四角形 回転*/.square...
cssの基本

radial-gradient (円形グラデーション)

radial-gradientプロパティは「円形グラデーション」を指定する場合に使用します。html<divclass="square_radial_gradation"></div>css.square_radial_gradation{...
cssの基本

linear-gradient (線形グラデーション)

linear-gradientプロパティは「線形グラデーション」を指定する場合に使用します。html<divclass="square_gradation"></div>css.square_gradation{width:100px;he...
cssの基本

box-shadow (影)

box-shadowプロパティは「ボックス要素に影」を指定する場合に使用します。html<divclass="square_box_shadow"></div>css.square_box_shadow{width:100px;height...
cssの基本

border-radius (角丸)

border-radiusプロパティは「角丸」を指定する場合に使用します。html<divclass="square_border_radius"></div>css.square_border_radius{width:100px;hei...
cssの基本

border (枠線)

borderプロパティは「枠線」を指定する場合に使用します。html<divclass="square_border"></div>css.square_border{width:100px;height:100px;background-...
cssの基本

background-color (背景色)

background-colorプロパティは「背景色」を指定する場合に使用します。html<divclass="square"></div>css.square{width:100px;height:100px;background-col...
スポンサーリンク