안녕하세요^^제목 질문드립니다

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

안녕하세요^^제목 질문드립니다

undefined주차

이*희

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

안녕하세요^^

제가 지금 조금 변형 하고 싶은데 구글링해도 어려워서 도움을 드립니다.

아무리 찾아봐도 메인 제목을 가은데가 아닌 가운데 밑에 글귀를 써보고싶은데 아무리해도 안되서 도움을 드립니다.

제목이 얼굴을 가려서 밑에 설정해보고싶습니다

<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
    <style>
    .mytitle {

      background-color: green;

      width: 100%;
      height: 300px;

      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) , url("https://i.ytimg.com/vi/GiujAOKS4Bg/maxresdefault.jpg");
      background-position: 50% 12%;
      background-size:  cover;
      background-repeat: no-repeat;

      color: white;

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

    }
    </style>

</head>

<body>
    <div class="mytitle">
        <h1>사건의 지평선  - 윤하 -</h1>
    </div>
</body>

</html>

도움을 요청드립니다

댓글 알림