반응형
안녕하세요.
html5로 제작한 웹 페이지를 css3로 쉽게 디자인 할 수 있습니다.
박스, 표, 그림 등의 서식에서 border-width 속성을 사용하면 테두리의 두께를 지정할 수 있습니다.
border-width 속성은 위, 오른쪽, 아래, 왼쪽 순으로 지정합니다.
부분으로 지정할 때에는 border-top-width, border-right-width, border-bottom-width, border-left-width를 사용합니다.
-얇은 선을 그립니다.
-medium: 중간인 선을 그립니다.
-thick: 굵은 선을 그립니다.
-크기 단위: 선택한 크기만큼 그립니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com css3 box border-width 속성 박스 테두리 두께 변경 소스 코드 예제</title>
<style>
body {
background-color: #9adaca;
}
div {
width: 100px;
border-style:solid;
height: 100px;
padding: 10px;
border-width: thick medium thin 10px;
</style>
</head>
<body>
<h1>codeomni 박스 모서리</h1>
<div>
<p>thick</p>
</div>
</body>
</html>
|
cs |
실행한 화면입니다.
댓글