728x90
반응형
07_block.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>블록 레벨과 인라인 레벨</title>
<style>
@import "../css/07_block.css";
</style>
</head>
<body>
<section>
<h3>예약 방법</h3>
<p>요안도라 예약의 가장 빠른 방법은
<span class="acc">인터넷 전화 070.4529.8743</span>
으로 직접 통화하시거나
<span class="acc">문자</span>
를 남기시는 것입니다. 인터넷 전화라 시외전화 요금이 부과되지 않습니다.<br>
<img src="../img/room.jpg">
</p>
</section>
</body>
</html>
<!--
block level tag:
<p>, <h1>~<h6>, <ul>, <ol>, <div>, <blockquote>, <form>,
<hr>, <table>, <fieldset>, <address>
inline level tag:
<img>, <object>, <br>, <sub>, <span>, <input>,
<textarea>, <label>, <button>
-->07_block.css
@CHARSET "UTF-8";
p{
width:500px;
border:2px solid black;
padding: 10px;
}
.acc{
color:red;
font-weight:bold;
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch04-09. inline (0) | 2017.08.28 |
|---|---|
| [CSS] ch04-08. div (0) | 2017.08.24 |
| [CSS] ch04-06. boxshadow (0) | 2017.08.24 |
| [CSS] ch04-05. radius (0) | 2017.08.24 |
| [CSS] ch04-04. border (0) | 2017.08.24 |