CSS3 border-radius 속성

수다왕

· 8년 전 · 조회 1994 1994

CSS3 border-radius 속성

CSS3를 사용하면 border-radius속성 을 사용하여 모든 요소에 "둥근 모서리"를 부여 할 수 있습니다 .

다음은 세 가지 예입니다.

#rcorners1 {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

#rcorners2 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

#rcorners3 {
    border-radius: 25px;
    background: url(paper.gif);
    background-position: left top;
    background-repeat: repeat;
    padding: 20px;
    width: 200px;
    height: 150px;
}

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
677	HTML	레이아웃이 비뚤합니다. [3]	바다로가자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3649
676	HTML	DIV의 justify 정렬 문제 [7]	byfun 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4995
675	HTML	CGF 사용 방법 (지운아빠님 보시면 참조되실 것 같아서. ㅎㅎ) [2]	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3405
674	HTML	메뉴하나 따라 만들어보고 있는데.. Css질문 [4]	there007 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3173
673	HTML	ssl 웹페이지 적용 질문 드립니다. [3]	으다다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3652
672	HTML	ssl 웹페이지 적용 질문드립니다. [6]	으다다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3662
671	HTML	고수님들 도움좀 부탁드립니다!	가우류 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2484
670	HTML	[접기 펴기]간단 소스 문의좀.. [2]	그거슨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4998
669	HTML	이런모양의 테이블을 만드는게 가능할까요? [9]	부엉빵 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4180
668	HTML	백그라운드 이미지+상단 백그라운드 적용 [2]	고냉이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3760
667	HTML	테이블간 간격 문제 때문에 질문 올립니다. [2]	jdjjun00 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4181
666	HTML	이미지 게시판 질문드려요	막걸링 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3009
665	HTML	모바일 퍼스트와 반응형 웹	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3172
664	HTML	프레임 문의 드려요 ^^;; [2]	뉴무림객 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2830
663	HTML	HTML5 스터디가 가능할까요?	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3899
662	HTML	반응형 웹 스타디 초안? [6]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3685
661	HTML	opacity 질문입니다.!	로날듀우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3364
660	HTML	안녕하세요! border 옵션 질문드리겠습니다~! [7]	로날듀우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3458
659	HTML	td안에 input type해서 검색창만들기...조언좀..부탁드려요 [1]	인생이란 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	8605
658	HTML	TD안에 검색창만들려구하는데요.. 도와주세요~~	인생이란 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2653
657	HTML	td간격??글자간격..해결좀요 ㅠㅠ [2]	인생이란 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	6015
656	HTML	php로 사이트 개발시 [3]	뭐냐씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3050
655	HTML	모바일웹을 html5로 만들어도 되나요? [3]	ddokkani 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3174
654	HTML	html5 table summary [1]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4562
653	HTML	border 에 대하여... [질문] [3]	航海 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2655
652	HTML	html5 <td headers='header_id'> [3]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3469
651	HTML	플래시 태그를 잘 모르겠습니다 ㅠㅠ [2]	김우너석 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2443
650	HTML	제일 이해안되는 문제.. [25]	다평정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4785
649	HTML	태그 문의드립니다... [6]	뉴무림객 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2746
648	HTML	image replacement vs black hat techniques [7]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3358