728x90
반응형
03_border.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>테두리</title>
<link href="../css/03_border.css" rel="stylesheet" type="text/css">
</head>
<body>
<h3> 아메리카노</h3>
<p>에스프레소의 향은 그대로 느끼면서 뜨거운 물을 부어 1:2 정도의 비율로 연하게 먹는 커피다.</p>
</body>
</html>03_border.css
@CHARSET "UTF-8";
h3{
border-color:blue;
border-style:solid;
padding: 10px;
border-top-width:5px;
border-right-width:0;
border-bottom-width:5px;
border-left-width:0;
}
p{
border-color:red black red black;
padding: 10px;
border-style:dotted;
border-width:3px;
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch04-05. radius (0) | 2017.08.24 |
|---|---|
| [CSS] ch04-04. border (0) | 2017.08.24 |
| [CSS] ch04-02. margin (0) | 2017.08.23 |
| [CSS] ch04-01. width (0) | 2017.08.23 |
| [CSS] ch03-10. grad (0) | 2017.08.23 |