background-image 위에 div를 한겹 올려준다는 느낌으로 코딩하면 된다. 예시) https://academy.nomadcoders.co/ background-image 원본은 이렇게 밝다. css의 z-index와 html의 div를 이용해 이미지를 어둡게 만들 수 있다. Learn to code by cloning real services Over 6,000+ students are cloning Instagram, Bitcoin, Netflix, Uber, and More! Start Coding Like a Boss .bg{ background-color:rgba(0, 0, 0, 0.5); /*살짝 투명한 검정으로 배경색*/ width:100%; height:550px; position..

어느 사이트든 흔히 볼 수 있는 구성이지만 , css 초심자들이 많이 헤매는 부분이기도 하다. 한번 알아놓으면 써먹기 좋다. 예시) https://academy.nomadcoders.co/ 이대로 똑같이 html과 css로 만들어보면 코드는 아래와 같다. All Courses EN Reviews login Sign up *{ padding:0px; margin:0px; } a{ text-decoration: none; color:#ffffff; } .btn{ background-color: #2359a5; border-radius:30px; padding:7px 20px; } img{ float:left; width:200px; margin-left:20px; margin-top:5px; } nav{ b..