background 단일속성으로 사용하기 등

Posted by 이상한 나라의 채소토끼
2018. 1. 9. 21:37 HTML , CSS

background 단일 속성으로 사용하기


 {width: 200px; height: 200px;} 레이아웃 크기지정
        background-color: #fff; 색상지정
        background-image:url(파일경로); 이미지파일 경로지정
        background-repeat: no-repeat; 반복지정
        background-attachment: fixed; 스크롤지정
        background-position: 10px 10px;  위치지정
        background-size:100px 50px; 픽셀값으로 크기지정

{ width:270px; height:270px; background:yellow url('파일경로') no-repeat fixed 10px 10px/100px 50px;} 단일속성으로 지정


'HTML , CSS' 카테고리의 다른 글

box-sizing / background-size  (0) 2018.01.10
transition 속성  (0) 2018.01.10
가상요소  (0) 2018.01.09
입력 양식 태그 (모던웹책 윤인성 作)  (0) 2018.01.08
form 태그정리  (0) 2018.01.03

가상요소

Posted by 이상한 나라의 채소토끼
2018. 1. 9. 16:04 HTML , CSS

가상요소

content: ''; w h 넣고 poa left right 넣어주기



출처: http://awesome8.tistory.com/ [이상한 나라의 채소토끼]

가상요소

content: ''; w h 넣고 poa left right 넣어주기



출처: http://awesome8.tistory.com/ [이상한 나라의 채소토끼]
가상요소

content: ''; w h 넣고 poa left right 넣어주기



출처: http://awesome8.tistory.com/ [이상한 나라의 채소토끼]
가상요소

content: ''; w h 넣고 poa left right 넣어주기



출처: http://awesome8.tistory.com/ [이상한 나라의 채소토끼]
가상요소

content: ''; w h 넣고 poa left right 넣어주기



출처: http://awesome8.tistory.com/ [이상한 나라의 채소토끼]
가상요소

content: ''; w h 넣고 poa left right 넣어주기



출처: http://awesome8.tistory.com/ [이상한 나라의 채소토끼]

가상요소

content: ''; w h 넣고 poa left right 넣어주기

'HTML , CSS' 카테고리의 다른 글

box-sizing / background-size  (0) 2018.01.10
transition 속성  (0) 2018.01.10
background 단일속성으로 사용하기 등  (0) 2018.01.09
입력 양식 태그 (모던웹책 윤인성 作)  (0) 2018.01.08
form 태그정리  (0) 2018.01.03