CSS 테두리 속성

CSS 테두리 속성

CSS 테두리 속성을 사용하면 요소 테두리의 스타일, 너비 및 색상을 지정할 수 있습니다.

<!doctype html>

<head>

<title>Document</title>

<style>

p { border:1px solid #000;

border-width:1px;

border-style:soild;

border-color:#000;

padding:20px; }

.p1 { }

.p2 { border-top:none; border-left:none; border-right:none; border-bottom-color:red; }

.p3 { border-color:#ddd; border-radius:50px;}

.p4 { border-top:none;

border-bottom:none;

border-right:none;

border-width:10px;

border-color:#336633;

background-color:#ccffcc;}

</style>

</head>

<body>

<p class="p1">I have borders on all sides.</p>

<p class="p2">I have a red bottom border.</p>

<p class="p3">I have rounded borders.</p>

<p class="p4">I have a blue left border.</p>

</body>

</html>

Funny 기이린