CSS9 CSS-D04 DOCTYPE html> anchor , list style /* 링크 스타일 */ a.anchor:link{color: blue;} a.anchor:visited{color: green;} a.anchor:hover{color: red; font-size: 2em;} a.anchor:active{color: yellow; font-size: 1em;} /* 요소가 아닌 것에도 적용가능함 */ p:hover{background-color: pink; text-decoration: underline;} img{background-color: aqua; border: 2px solid red} img:hover{background-color: aquamarine; width: 50%;} /* 리스트 스타일 .. 2023. 10. 27. CSS-D03 DOCTYPE html> css 기초 /* 영역 안에서는 css문법체계를 따름 */ /* 기본문법 - 선택자{속성:값;} */ /* 주요용어 : 선택자, 속성, 값 */ /* 선택자의 종류 */ /* 1. 타입 선택자 */ h2{color: red;} p{color: blue; font-family: serif;} /* 2. 전체 선택자 */ *{font-style: italic; color: yellow;} /* == 같은 스타일을 적용시 개별선택자가 우선 적용됨 */ /* 3. 아이디 선택자 */ #p1{color: green;} /* 4. 클래스 선택자 */ .aa{color: violet;} /* 타입선택자보다 우선시 됨 (많이 사용됨)*/ /* p요소중에서 class가 aa인 요소선택 */ p... 2023. 10. 26. css//01 h2{background-color: yellow;} p{color: red;} img{width: 150px; display: block;} button{margin-top: 16px;} 2023. 8. 30. 이전 1 2 다음