CSS3 border-radius 속성

수다왕

· 8년 전 · 조회 1996 1996

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
587	HTML	또 다시 기초적인 css (div) 질문드려요.. [18]	엔터맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4429
586	HTML	가운데 정렬 상관없이 레이어 고정 하는 방법이요ㅜㅜ [1]	애프리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3177
585	HTML	아이프레임과 css 질문입니다., [1]	쿠이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2820
584	HTML	기초적인 css 질문요.. [4]	엔터맨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2984
583	HTML	사각map을 이용해서 파일 링크를 걸었는데요	너는나의봄이다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2439
582	HTML	인터넷익스플로러 6 에서 깨지네요 [2]	제시 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2035
581	HTML	레이어 질문 드립니다. [2]	우탄카 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2570
580	HTML	웹표준에 대해서^^;; [3]	크라운엠버서더 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2313
579	HTML	모든 익스에서 똑같이작동할려면??어떤식으로해야되나요? [6]	팡야 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2996
578	HTML	WebKit 이게 무엇인가요? [3]	늘푸른등불 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2947
577	HTML	css 질문드립니다. [1]	제너레이션 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2311
576	HTML	메인페이지 최근사진 엑박 뜨는데요	한번잘해보자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3049
575	HTML	페이지 최적화 분석 사이트 (Page Speed Online) [2]	듀학 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3036
574	HTML	aequum 님의 웹표준 내용을 보고 공부를 하려는데요... [2]	김준수사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2421
573	HTML	간단한 대문 코딩이 익스8에서만 나타납니다. 도와주세요~ [3]	열공웹디 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2649
572	HTML	한글 포함한 문자열에서 문자열의 길이를 반환	프로프리랜서 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3134
571	HTML	css3 질문인데요..	다프린 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2335
570	HTML	background 반복질문 ㅠㅠ [2]	도뇽룡 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2791
569	HTML	플래시를 수정해서 넣었는데 [3]	너는나의봄이다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2403
568	HTML	지적 부탁드립니다. [11]	김우너석 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2821
567	HTML	CSS The Definitive Guide E-BOOK 입니다. [5]	제갈량 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2655
566	HTML	한번은 넘어야 하는 css conflict [2]	cshop 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4077
565	HTML	[도와주세요!] 'HTML table 만들기' 관련 질문입니다.' [4]	rakoos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3470
564	HTML	[도와주세요!] '텍스트 서식'에 대한 'HTML태그' 질문입니다. [2]	rakoos 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2527
563	HTML	스크롤바 관련 질문드려요.. [1]	초원이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2666
562	HTML	[질문]윈더우7시스템에서 익플러스9버전에서 css 실행 안대요 [2]	아이홈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2640
561	HTML	웹표준 질문이요^^ [1]	크라운엠버서더 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2481
560	HTML	.Xem 과 px로 조절하는 차이가 궁금합니다. [3]	칸타 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2195
559	HTML	css 특정 객체 스타일 지정 질문~ [2]	Terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2541
558	HTML	Cross-Browser CSS Gradient	neue 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3418