CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 1
0
조회 수 : 4665 신고 : 0
미리보기 : |
---|
CSS3에서는 테두리에 라운딩 효과를 줄수가 있습니다.
사용법은 간단합니다.
border 가 들어간 박스에 스타일을 통해 외곽 라운딩처리를 해주는 효과입니다.
CSS3에 추가된 기능이며, 브라우저별 벤더프리픽스는 http:///css/459654 확인해주세요.
전체에 라운딩 처리를 할려면 border-radius:5px; 이런식으로 가능하며, 각 모서리마다 단독으로 줄경우 위에 참고 이미지처럼 사용하시면 됩니다. ex)border-top-left-radius:5px;
수치가 높을수록 곡선라인이 점점 둥글게 되겠죠?
위처럼 표현할려면 border-top-left-radius:10px 5px;
가로가 10px되며, 세로가 5px이 되는 곡선라인이됩니다.
CSS3를 지원하는 브라우저에서만 가능합니다. 그이하 버전에서는 직선으로 표현됩니다
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상