2. 컴퓨터 이야기/프로그래밍

예쁜 HTML 태그, 테이블/제목

래빗 크리스 2009. 1. 13. 20:38



이곳에서는 CSS 와 Table 태그를 활용하여 예쁜(?, 디자이너가 보면 엉성하겠죠.. ^^>) 코딩을 모아 보려고 합니다.
이제 시작이니까.. 짬짬이 모아 보려구요.


#3. CSS 스타일 filter glow 와 color 를 사용하여 예쁜 글씨 만들기

    

     <div style="filter: glow(color:#245DDB); color:#FFFFFF; height:40px; padding:10px; font-size:10pt">예쁜 글씨</div>



#2. 이런 것은 어때요..? 재밍님의 예쁜 타이틀. 해당 내용을 보시려면 여기를 클릭하세요.








#1 간단한 테이블, (더 간단하게 구현하는 분들도 계시더군요.)



<style type="text/css">
<!--
.c {text-align:center}
.bT {background:#F7C8BD; text-align:center; font-weight:bolder; padding:3 0 0 0px}
.bB {background:#FFFFFF; padding:3 0 0 0px}
//-->
</style>

<table border="1" borderColor="#FF0000" style="border-collapse:collapse;">
<col width="120"><col width="100"><col width="100"><col width="100"><col width="120">
<tr>
 <td rowSpan="2" class="bT">회원선택</td>
 <td rowSpan="2" class="bT">신청구분</td>
 <td rowSpan="2" class="bT">신청일자</td>
 <td colSpan="2" class="bT">선물 받는분</td>
</tr>
<tr>
 <td class="bT">성명</td>
 <td class="bT">휴대폰</td>
</tr>
<tr>
 <td class="bB c">동계하늘회원1</td>
 <td class="bB c">본인신청</td>
 <td class="bB c">2009-01-13</td>
 <td class="bB c">-</td>
 <td class="bB c">-</td>
</tr>
</table>