21.07.28

네이버 블로그 카피캣
하면서 드는 생각은 왜 컴퓨터 보다 멍청한 내가 오류를 찾고 잇어야하는건가 ㅎㅎ
아니야 난 할수잇다 하지만 뭐가 잘못됫는지 쫌 알려조바,,,,,,

border-width 단축 속성은 요소 네 면 테두리의 너비를 설정

.blog-main #blog-main-content #blog-helper .blog-helper-lists a {
	display: block;
	height: 35px;
	line-height: 35px;
	padding-left: 40px ;

	background-image: url(../img/checkbox.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px 20px;
}

오랫만에하는 이미지 삽입 다시 한번 복습하기
url코드로 이미지 삽입
이미지는 크기에 반복 하며 들어가므로 no-repeat효과 적용하면 한번만 나옴
padding-left: 40px ; 이 코드에 영향을 받는건 오직 문자!
이미지는 영향을 받지않음

padding-left: 40px ; 적용전

적용후

이미지는 그대로 있고 문자만 왼쪽으로 40px 움직인걸 볼수있음

background-size: 20px 20px; 는 임의로 이미지의 크기를 조절할수있음 앞에는 위드 뒤에는 헤이트

---

.blog-main-detail #program-info .program-msg-box a:hover {
	background-color: rgba(125, 85, 200, 0.8);
}

오펄시티를 적용시 글자도 토명해지니 rgba()사용해주기