画像
Coddyの「スライダー | フロントエンド・プロジェクト」コースのレッスン 18/23。
チャレンジ
簡単img クラスをターゲットにします:
1. お好みの背景色を設定してください。
2. お好みの height と width を設定してください(100px を推奨します)。
3. border radius を 50% に設定してください。
img クラス内の img タグをターゲットにします:
1. お好みの width と height を設定してください(img クラスの設定値よりも少なくとも 10 ピクセル小さくなるようにしてください)。
2. border radius を 50% に設定してください。
3. object-fit を cover に設定してください。
4. お好みの border を設定してください。
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>