ホームページ講習会

画像を加工する

コアラ

元画像

コアラ

画像に影を付ける
box-shadow: 3px 3px 3px 2px #ccc;

コアラ

楕円形に切り抜き、画像に影を付ける
border-radius: 50%;
box-shadow: 3px 3px 3px 2px #ccc;

コアラ

枠を付ける
padding: 4px;
border: 1px solid #333;
background-color: #eee;