왜 색이 안변하죠??
282
우주대지
작성한 질문수 5
0
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
//style.css
width: 100%;
height: 100%;
}
.bx-wrapper, .bx-viewport, .slider{
width: 100%;
height: 100%;
}
.background__01{
width: 100%;
height: 100%;
background: url("../images/a.jpg") no-repeat;
background-size: cover;
background-position: center;
}
.background__02{
width: 100%;
height: 100%;
background: url("../images/b.jpg") no-repeat;
background-size: cover;
background-position: center;
}
.background__03{
width: 100%;
height: 100%;
background: url("../images/c.png") no-repeat;
background-size: cover;
background-position: center;
}
.contents{
position: absolute;
top:0;
text-align: center;
}
.contents__name{
font-size: 64px;
font-weight: bold;
color :blanchedalmond;
margin-bottom: 25px;
}
.contents__job{
font-size: 25px;
font-weight: bold;
color : blanchedalmond;
margin-bottom: 50px;
}
.content__list{
font-size: 0;
}
.contents__list > li{
display: inline-block;
width:52px;
height: 52px;
border:1px solid white;
border-radius: 50%;
font-size: 16px;
}
.content__list > li > a{
color : white;
}
//index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Halfhalfman's Homepage</title>
<link href="css/reset.css" rel="stylesheet"
type="text/css"/>
<link href="css/style.css" rel="stylesheet"
type="text/css"/>
<script src="js/jquery.1.12.4.js"
type="text/javascript"></script>
<script src="plugins/bxslider/js/jquery.bxslider.js"
type="text/javascript"></script>
<script src="https://kit.fontawesome.com/2871c12638.js" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$('.slider').bxSlider({
controls:false,
pager:false,
auto:true
});
});
</script>
</head>
<body>
<div class="slider">
<div class="background__01"></div>
<div class="background__02"></div>
<div class="background__03"></div>
</div>
<div class="contents">
<p class="contents__name">Halfhalfman</p>
<P class="contents__job">I live at korea, I am a student, I have my own NFT.</P>
<div class="contents__sns">
<ul class="contents__list">
<li>
<a href="#">
<i class="fa-brands fa-discord"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-solid fa-water"></i>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>
답변 1
이 강의 들으려면 뭘 선행 학습 해야 하죠?
0
301
2
콘텐츠 영역 페이지 위치 조정 문제
0
447
1
웹페이지 따라하고 열었는데 사진이 안나와요
0
311
1
왜 .content를 하면 content클래스를 인식하지 못하죠??
0
391
2
배경사진이 두개로 나옵니다ㅜ
0
370
1
실시간 미리보기, 파일 만들기 에러
0
613
1
html, body{...}와 배경에서의 오류
0
584
2
이미지를 겹치는 방법에 대한 질문입니다.
0
474
1
hosting 시 안되는문제
0
415
4
무료로 활용 할 수 있는 사이트나 페이지 추천 좀 부탁 드립니다.
0
274
1
질문입니다.
0
353
3
질문입니다.
0
348
1
질문있습니다
0
347
1
압축파일을 어디서 다운 받으라는건가요?
1
321
1
방송을 5번 이상을 보면서 했는데도 안돼요....
2
236
1
초보자여서요..왜 reset sheet 이 필요한것이며 그게 무엇인지를 모르겠어요.
0
234
1
현재 그럼 회사들이 일반적으로 많이 쓰는 editor프로그램은 뭔가요?
0
323
1
bxslider적용이 안되는것 같습니다.
0
1154
1
position:absoulte
0
322
4
만든페이지를 다른곳에서도 보고싶어요..ㅜㅜ
0
334
1
prew와 next 제거후 배경이미지가 화면에 맞지않습니다
0
280
1
block식 여백 제거하는법이 있을까요?
0
387
1
질무니씁니다
0
200
1
자료는 어디서 다운 받나요?
0
294
1