+

제목입력하기

내용입력

+
+
<h2 style="
margin: 20px 0px 10px;
padding: 5px 10px; 
ㅐbackground-color: none; 
border-top: 5px solid #E6292F; 
border-bottom: 1px solid #E6292F;
text-align: left; 
color: #BF3438;
">
제목입력하기
</h2>
+



****************************



+

제목입력하기

+
+
<h2 style="
margin: 20px 0px 10px;
padding: 5px 10px; 
background-color: none; 
border-top: none; 
border-bottom: 1px solid #E6292F;
text-align: left; 
color: #BF3438;
">
제목입력하기
</h2>
+



Posted by 복리를 밑자

댓글을 달아 주세요

HTML로 박스를 만들면 내부여백(padding)과 외부여백(margin), 행의 높이(line-height)를 조절할 수 있다는 것이 가장 큰 장점이다.




<br>

<div style="

margin: 30px 50px;

padding: 10px; 

background-color: #F0FFF0; 

border: 1px solid #00CED1; 

text-align: center;

font-size: 16px;  

        font-weight: bold; 

color:DarkBlue;

line-height: 150%;

">

내용입력하기

</div>

<br>



내용입력하기


박스일반.twdx





글자크기와 행의 높이(line-height)만 조절하기

<br>

<div style="

margin: 0px 0px;

padding: 3px; 

background-color: none; 

border: none; 

text-align: left;

font-size: 16px;  

        font-weight: none; 

color:none;

line-height: 150%;

">

내용입력하기

</div>

<br>


Posted by 복리를 밑자

댓글을 달아 주세요


<br>

<table cellspacing=0px  style="border:3px solid LightSteelBlue; ">

<tr>

<td style="padding: 5px 10px; border-bottom:1px solid Lavender; font-size: 17px;">내용</td>

<td style="padding: 5px 10px; border-bottom:1px solid Lavender; font-size: 17px;">내용</td>

<td style="padding: 5px 10px; border-bottom:1px solid Lavender; font-size: 17px;">내용</td>

</tr>

<tr>

<td style="padding: 5px 10px; border-bottom:1px solid Lavender; font-size: 17px;">내용</td>

<td style="padding: 5px 10px; border-bottom:1px solid Lavender; font-size: 17px;">내용</td>

<td style="padding: 5px 10px; border-bottom:1px solid Lavender; font-size: 17px;">내용</td>

</tr>

</table>

<br>







내용 내용 내용
내용 내용 내용




테이블 태그 - 표 (3행 3열) - Style2.twdx


Posted by 복리를 밑자

댓글을 달아 주세요




<table cellspacing=0px  style="border:3px solid grey; ">

<tr>

<td style="padding: 5px 10px; border-bottom:1px solid grey; font-size: 17px;">내용</td>

<td style="width: 20px; padding: 5px 10px; border-bottom:1px solid grey; font-size: 17px;"></td>

<td style="padding: 5px 10px; border-bottom:1px solid grey; font-size: 17px;">내용</td>

</tr>

<tr>

<td style="padding: 5px 10px; border-bottom:1px solid grey; font-size: 17px;">내용</td>

<td style="width: 20px; padding: 5px 10px; border-bottom:1px solid grey; font-size: 17px;"></td>

<td style="padding: 5px 10px; border-bottom:1px solid grey; font-size: 17px;">내용</td>

</tr>

</table>



실행결과


내용 내용
내용 내용




테이블 태그 연습.twdx


테이블 태그 - 표 (3행 3열).htm




Posted by 복리를 밑자

댓글을 달아 주세요