CSS 속성 공부
1. border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만드는 속성이다. 예시 //사각형이 있을 때 이 속성을 사용하면 각 모서리를 30px 깎은 것 같다. border-radius: 30px; //이렇게 할 경우 왼쪽 상단, 오른쪽 하단에 25%를 깎고 오른쪽 상단, 왼쪽 하단에 10%를 깎는다. border-radius: 25% 10%; 2. position 속성은 문서 상에 요소를 배치하는 방법을 지정 static : 고정된 형태로 배치 relative : 다른 요소에는 영향을 주지않고 자기자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용 absolute : 다른 요소들 무시하고 전체적인 화면 기준으로 절대적인 값을 대입해서 적용하는 방식
Programming Language/CSS
2023. 1. 15. 09:50