<!DOCTYPE html>
<html>
<head>
<style>
#rcorners4 {
border-radius: 15px 50px 30px 5px;
background: #73AD21;
padding: 20px;
width: 20px;
height: 15px;
}
#rcorners5 {
border-radius: 15px 50px 30px;
background: #73AD21;
padding: 20px;
width: 200px;
height: 150px;
}
#rcorners6 {
border-radius: 15px 50px;
background: #73AD21;
padding: 10px;
width: 100px;
height: 70px;
}
</style>
</head>
<body>
<p>Four values - border-radius: 15px 50px 30px 5px:</p>
<p id="rcorners4"></p>
<p>Three values - border-radius: 15px 50px 30px:</p>
<p id="rcorners5"></p>
<p>Two values - border-radius: 15px 50px:</p>
<p id="rcorners6"></p>
</body>
</html>
Four values - border-radius: 15px 50px 30px 5px:
Three values - border-radius: 15px 50px 30px:
Two values - border-radius: 15px 50px:
'Developer > CSS' 카테고리의 다른 글
| input 한글로 입력되게 처리 (0) | 2016.09.22 |
|---|---|
| box-sizing, IE와 크롬의 다른 해석 (0) | 2016.07.26 |
| sublimeText2 기본 셋팅부터 유용한 정보까지 (0) | 2015.11.13 |
| CSS / 모바일 관련 정리 , webkit (0) | 2015.05.28 |
| image 수직 정렬, img 태그의 기본값 (0) | 2014.08.18 |