HTML에 둥근 모서리를 추가하는 방법

<body> <h1 style="float:left; width:37%;"><font color="#99CC00"><font face="Verdana">MrEpicGaming4U</font></h1> <div style="float:left; class="websiteart"><img src="website_art.png" height= "100" width= "300"/></div> <h1 style="float:right;"><font color="#99CC00"><font face="Verdana">The Art of Gaming</font></h1> </body>

당신은 또한 내가 쉽게 찾을 수 있기 때문에 내가 가장 좋아하는 "그들"표기법으로 border-radius를 사용할 수있는 CSS를 border-radius

jsFiddle

.websiteart img{ 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
}

출처

2013-06-20 18:34:05

접두사 버전은 필요 없으며'border-radius' 만 괜찮습니다. – lifetimes

이전 브라우저 버전에서 작동하게하려면 접두어가 붙은 버전을 추가해야합니다. http://docs.webplatform.org/wiki/css/properties/border-radius#Compatibility –

사실,하지만 '-moz-'가 FF v13에 포함되었습니다. FF v21을 사용 중입니다. '-webkit-'하나는 그 전에조차도 쓰러지지 않았다 ... – lifetimes

을 사용할 수 있습니다. 예 :

-moz-border-radius: 0.5em; 
-webkit-border-radius: 0.5em; 
-khtml-border-radius: 0.5em; 
border-radius: 0.5em;

이 경우 완벽하게 둥근 모서리를 얻게됩니다.

출처

2013-06-20 18:59:35

HTML에 둥근 모서리를 추가하는 방법

답변

관련 문제