<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>연습문제 1</title>
<style>
img {
margin-right:50px;
border:1px solid #ccc;
box-shadow: 2px 2px 5px #ccc;
}
img:first-of-type {
border: 2px solid #f00;
}
</style>
</head>
<body>
<img src="images/1.jpg" alt="">
<img src="images/2.jpg" alt="">
<img src="images/3.jpg" alt="">
</body>
</html>
'css' 카테고리의 다른 글
| 11장 예제 - translate() 함수를 사용해 웹 요소 이동하기 (0) | 2023.04.03 |
|---|---|
| 10장 마무리 문제 2 (0) | 2023.04.03 |
| 10장 실습 3 (0) | 2023.04.03 |
| 10장 예제 - 가상요소를 사용해 스타일 적용하기 (0) | 2023.04.03 |
| 10장 예제 - 열에 번갈아 가며 배경색 적용하기 (0) | 2023.04.03 |
