본문 바로가기

css3

CSS 이미지 가운대 정렬방법(왼쪽, 오른쪽) css 이미지 태그 정렬방법 이미지 태그를 정렬하는 방법을 알아 보겠습니다. 1. 이미지를 block 요소로 만들어 margin으로 정렬 이미지에 block으로 만들어 margin에 영향을 받게하여 이미지를 가운대로 정렬할 수 있습니다. 2. 이미지 상위 요소에 text-aling속성을 사용하여 정렬 text-align은 block요소에서만 사용이 가능, block요소 안의 inline 요소를 정렬해주는 속성마찬가지로 왼쪽 left, 오른쪽 right 로 적용 가능합니다. blog 승제노트 ↓ 공감, 댓글 부탁드려요 ↓ 2017. 6. 6.
CSS 적용하는 방법 3가지 CSS 적용 3가지 방법 1. 태그에 직접적으로 선언하기 다양하게 CSS 적용하기 다양하게 CSS 적용하기 다양하게 CSS 적용하기 이렇게 태그안에 직접적으로 style을 선언할 수 있다. 2. 다양하게 CSS 적용하기 다양하게 CSS 적용하기 다양하게 CSS 적용하기 태그에 css를 모아서 관리할 수 있다.div:nth-child(1) 선택자로써 "div태그의 첫 번째" (다음 포스팅에 선택자에 대해서 자세히 올리겠습니다~) 3. 외부에 문서로 선언하고 link태그로 불러오기 test.jsp or test.html 파일 cssgroup.css 파일 div:nth-child(1){background-color: red;}div:nth-child(2){background-color: #00ff00;}div.. 2017. 5. 26.
INPUT 태그 스타일(속성) INPUT 태그 스타일(속성) 항상 까먹고 검색을 하게 되서 나름 자주 사용한 것만 정리해 봅니다. 1. readonly db통신을 통해 불러온 값을 보여주기만 하고, 수정이 불가능한 상태 2. disabled readonly와 다르게 사용자로 하여금 사용 불가능한 상태를 보여줌 2. border input 박스의 선색을 변경하는 방법 2가지 방법이 있습니다. input 태그 안에서 스타일을 지정하는 방법과 별도로 id와 같은 선택자로 css style을 부여할 수 있습니다. 1. 이와 같이 태그안에 style 속성에 바로 부여하는 방법 2. 처럼 작성 후 태그 사이에 이 사이에 선택자{ border : 1px solid red; } 로 작성하면 적용3. placeholder input박스의 사용 용도를.. 2017. 5. 24.