728x90
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;
}
728x90
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch04-06. boxshadow (0) | 2017.08.24 |
|---|---|
| [CSS] ch04-05. radius (0) | 2017.08.24 |
| [CSS] ch04-03. border (0) | 2017.08.23 |
| [CSS] ch04-02. margin (0) | 2017.08.23 |
| [CSS] ch04-01. width (0) | 2017.08.23 |
댓글