CSS 속성 공부

 

1. border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만드는 속성이다.

예시

//사각형이 있을 때 이 속성을 사용하면 각 모서리를 30px 깎은 것 같다.
border-radius: 30px;

//이렇게 할 경우 왼쪽 상단, 오른쪽 하단에 25%를 깎고 오른쪽 상단, 왼쪽 하단에 10%를 깎는다.
border-radius: 25% 10%;

 

2. position 속성은 문서 상에 요소를 배치하는 방법을 지정

static : 고정된 형태로 배치
relative : 다른 요소에는 영향을 주지않고 자기자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용

absolute : 다른 요소들 무시하고 전체적인 화면 기준으로 절대적인 값을 대입해서 적용하는 방식