box-shadow text-shadow

box-shadow

枠や画像に影を付けることが出来ます。

box-shadow: A B C D 影の色;

A = 水平方向の距離

B = 垂直方向の距離

C = ぼかし距離

D = 広がり距離

text-shadow

文字にも影を付けることが出来ます。

text-shadow: E F G 影の色;

E = 水平方向の距離

F = 垂直方向の距離

G = ぼかし距離

border-radius

画像の角を丸く削れます。

※imgに付けないと表示されないので注意。

例: #header h1 img { border-radius: 10px; }

動画を載せる

<video width="幅の指定" height="高さの指定" poster="動画のヒントとなる画像" controls>

<source src="動画の場所" type="動画のMIMEタイプ">

</video>