반응형
노래 브리지
노래에서 브리지는 한 번만 나오기 때문에, 이번에는 클래스 대신 아이디('id')를 이용해서 노래의 브리지 부분만 연두색(lime)으로 써주세요.
이 노래에서는 "허약한 내 영혼에 힘을~" 부분이 브리지입니다. 노래에서 유일하게 조금 다른 부분이죠?
<!DOCTYPE html>
<html lang="en">
<head>
<title>하늘을 달리다</title>
<meta charset="utf-8">
<style>
#Bridge {
color : lime;
}
</style>
</head>
<body>
<h1>하늘을 달리다</h1>
<h2>이적</h2>
<p>두근거렸지 누군가 나의 뒤를 좇고 있었고<br>
검은 절벽 끝 더이상 발 디딜곳 하나 없었지<br>
자꾸 목이 메어 간절히 네 이름을 되뇌었을 때<br>
귓가에 울리는 그대의 뜨거운 목소리<br>
그게 나의 구원이었어</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
<p>내가 미웠지 난 결국 이것밖에 안 돼 보였고<br>
오랜 꿈들이 공허한 어린 날의 착각 같았지<br>
울먹임을 참고 남몰래 네 이름을 속삭였을 때<br>
귓가에 울리는 그대의 뜨거운 목소리<br>
그게 나의 희망이었어</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
<p id="Bridge">허약한 내 영혼에 힘을<br>
날개를 달 수 있다면</p>
<p>마른 하늘을 달려 나 그대에게 안길 수만 있으면<br>
내 몸 부서진대도 좋아<br>
설혹 너무 태양 가까이 날아<br>
두 다리 모두 녹아내린다고 해도<br>
내 맘 그대 마음 속으로 영원토록 달려갈거야</p>
</body>
</html>
본 내용은 Codeit의 '웹 퍼블리싱' 강의를
참고하여 작성한 내용입니다.
반응형
'Front-end > HTML&CSS' 카테고리의 다른 글
| [웹 퍼블리싱] 02. HTML/CSS 핵심개념 (0) | 2021.02.05 |
|---|---|
| [웹 퍼블리싱] 01.HTML/CSS 시작하기 (0) | 2021.02.04 |
| [웹 퍼블리싱] 01. HTML/CSS 시작하기 (0) | 2021.02.04 |
| [웹 퍼블리싱] 01. HTML/CSS 시작하기 (0) | 2021.02.04 |
| [웹 퍼블리싱] 01. HTML/CSS 시작하기 (0) | 2021.02.04 |