728x90
반응형
05_decoration.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/05_decoration.css";
</style>
</head>
<p>
<b>1인</b> 40,000원
</p>
<p class="line1">
<b>2인</b> 60,000원
</p>
<p class="line2">
<b>3인</b> 80,000원
</p>
<p class="line3">
<b>4인</b> 100,000원
</p>
<p class="line4">
<b>6인</b> 140,000원
</p>05_decoration.css
@CHARSET "UTF-8";
.line1{
text-decoration: underline;/*밑줄*/
}
.line2{
text-decoration: overline;/*윗줄*/
}
.line3{
text-decoration: line-through;/*취소선*/
}
.line4{
text-decoration: overline underline;/*윗줄 밑줄*/
}
p{
line-height: 20px; /*위와 아래의 줄간격*/
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch02-07. spacing (0) | 2017.08.23 |
|---|---|
| [CSS] ch02-06. indent (0) | 2017.08.23 |
| [CSS] ch02-04.overflow (0) | 2017.08.23 |
| [CSS] ch02-03. shadow (0) | 2017.08.23 |
| [CSS] ch02-02. align (정렬) (0) | 2017.08.23 |