* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
강의 영상에서도 나오지않고 제가 동그라미 친 부분까지만 배경색상 을 입히고싶은데 내용은 없으시더라구요
Chat GPT 에게 물어봐도 해결법을 못찾았어요
보고 계신 화면 전체를 캡처해 주시면,
튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>나만의 코딩 사이트</title>
<link rel="stylesheet" href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/easygpt/default.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<style>
/* 꾸미기 */
h1{
background-color: purple;
font-size: 80px;
padding: 0px 40px;
}
.first{
color: rgb(0, 255, 136);
padding: 40px 0px;
background-color: rgb(183, 0, 255);
}
h2{
display: inline-block;
padding: 0px 20px;
text-align: center;
vertical-align: middle;
}
img{
padding-top: 90px;
margin: auto;
}
</style>
</head>
<body>
<!-- 뼈대 잡기 -->
<div>
<h1 class="first text-center bg-red">스스로 의 힘으로 만든 웹사이트</h1>
<p class="lead">제가 알고있는 스펙을 알려드립니다.</p>
</div>
<div style="display: flex; align-items: center;">
<h2>슈퍼쏘코 TC</h2>
<h2>슈퍼쏘코 TC MAX</h2>
<h2>BMW M 1000 RR</h2>
<img src="슈퍼쏘코.jfif" alt="SPUER SOCO TC">
<img src="슈퍼쏘코 맥스 (2).jfif" alt="SUPER SOCO TC MAX">
<img src="BMW.jfif" alt="BMW M 1000 RR">
</body>div>
</body>
</html>
오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
