본문 바로가기
웹개발/웹개발

#CSS3 border-radius

by 에르소 2014. 7. 15.


 모서리 부드럽게 처리하는, border-radius 속성






<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>무제 문서</title>

</head>

<style>

div.rounded {

background-color: #666;

color: #fff;

line-height: 20px;

width: 300px;

height: 50px;

padding: 10px;

-webkit-border-radius: 10px;

}

</style>

<body>

<div class="rounded">

HTML5 + CSS3 공부를 열심히 합시다<BR>

이것은 Radius 10px 의 상태입니다.

</div>

</body>

</html>



'웹개발 > 웹개발' 카테고리의 다른 글

#CSS3 Border-radius 로 원 그리기  (0) 2014.07.15
#CSS3 border-radius (2)  (0) 2014.07.15
#CSS3 border-radius  (0) 2014.07.15
#CSS3 Property  (0) 2014.07.15
Devloper Android, Eclipse  (0) 2014.07.14
UseVariable  (0) 2014.07.11

댓글0