[CSS] ch04-04. border

04_border.html.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>테두리</title>
<link href="../css/04_border.css" rel="stylesheet" type="text/css">
</head>

<body>
  <h3> 아메리카노</h3>
  <p>에스프레소의 향은 그대로 느끼면서 뜨거운 물을 부어 1:2 정도의 비율로 연하게 먹는 커피다.</p>
</body>
</html>

 

04_border.css

@CHARSET "UTF-8";
h3{
    padding-bottom:5px;
    border-bottom:3px solid blue;
}
p{
    padding: 10px;
    border:1px red solid;
}