저렇게 css백그라운드를 상단에 조금만 넣고싶은데요 이미지를 사용해서 백그라운드 사이즈와 포지션으로 넣을순잇지만 백그라운드 컬로로 해서 저렇게 주고싶은데 방법이 있을까요..? div두개를 사용해서 하면 되긴하지만.. 방법잇을거같아서 검색을 해봣는데.. 안나와서 문의드립니다.
본문
저렇게 css백그라운드를 상단에 조금만 넣고싶은데요
이미지를 사용해서
백그라운드 사이즈와 포지션으로 넣을순잇지만
백그라운드 컬로로 해서 저렇게 주고싶은데
방법이 있을까요..?
div두개를 사용해서 하면 되긴하지만.. 방법잇을거같아서 검색을 해봣는데.. 안나와서 문의드립니다.
답변 2
http://jsfiddle.net/3506v84y/1/
<div style="" class="tt"></div>
<style type="text/css">
.tt {
width:500px;
height:400px;
border:1px solid red
}
.tt::before {
background-color: #000;
content: "";
position: absolute;
top: 0;
width: 500px;
height: 200px;
z-index: -1;
}
</style>
background-image: linear-gradient(red 50px, yellow 20px);
뒷쪽 사이즈는 중요치 않은듯합니다. 맞추면 좋고
답변을 작성하시기 전에 로그인 해주세요.