제목 스타일( border 속성)과 내용 행높이 조절 연습

css & 태그 2015. 9. 30. 08:04
+

제목입력하기

내용입력

+
+
<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>
+



저작자표시비영리

'css & 태그' 카테고리의 다른 글

제목 스타일( border 속성)과 내용 행높이 조절 연습  (0) 2015.09.30
박스(Box) - 내부여백(padding), 외부여백(margin), 행의 높이(line-height) 조절하기  (0) 2014.06.15
테이블 태그 - 표 (3행 3열) - Style2  (0) 2014.05.04
테이블 태그 - 표 (3행 3열) - Style1  (0) 2014.05.04
Posted by 복리를 밑자
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

박스(Box) - 내부여백(padding), 외부여백(margin), 행의 높이(line-height) 조절하기

css & 태그 2014. 6. 15. 10:02

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>


저작자표시비영리

'css & 태그' 카테고리의 다른 글

제목 스타일( border 속성)과 내용 행높이 조절 연습  (0) 2015.09.30
박스(Box) - 내부여백(padding), 외부여백(margin), 행의 높이(line-height) 조절하기  (0) 2014.06.15
테이블 태그 - 표 (3행 3열) - Style2  (0) 2014.05.04
테이블 태그 - 표 (3행 3열) - Style1  (0) 2014.05.04
Posted by 복리를 밑자
TAG @HTML, @템플릿
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

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

css & 태그 2014. 5. 4. 23:50


<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


저작자표시비영리

'css & 태그' 카테고리의 다른 글

제목 스타일( border 속성)과 내용 행높이 조절 연습  (0) 2015.09.30
박스(Box) - 내부여백(padding), 외부여백(margin), 행의 높이(line-height) 조절하기  (0) 2014.06.15
테이블 태그 - 표 (3행 3열) - Style2  (0) 2014.05.04
테이블 태그 - 표 (3행 3열) - Style1  (0) 2014.05.04
Posted by 복리를 밑자
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

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

css & 태그 2014. 5. 4. 00:00




<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




저작자표시비영리

'css & 태그' 카테고리의 다른 글

제목 스타일( border 속성)과 내용 행높이 조절 연습  (0) 2015.09.30
박스(Box) - 내부여백(padding), 외부여백(margin), 행의 높이(line-height) 조절하기  (0) 2014.06.15
테이블 태그 - 표 (3행 3열) - Style2  (0) 2014.05.04
테이블 태그 - 표 (3행 3열) - Style1  (0) 2014.05.04
Posted by 복리를 밑자
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요