CSS 테이블
우선, DIV+CSS는 웹 디자인의 표준이다. 그는 웹 페이지의 레이아웃 방법으로 내용과 표현을 분리할 수 있다.
이제 css의 표 속성을 말씀드리겠습니다.
형식:
.......
| .... |
문법 설명:
.........
예:
<html>
<head>
<title> </title>
<style>
<!--
body{
background:url(bg9.gif); /* */
margin:0px; padding:0px;
}
.chara1{
font-size:12px;
background-color:#90bcff; /* */
}
.chara1 td{
text-align:center;
}
.chara2{
background-color:#d2e7ff;
text-align:center;
font-size:12px;
vertical-align:top;
}
.chara3{
/* */
background:#e9fbff url(self.jpg) no-repeat bottom right;
vertical-align:top;
padding-top:15px; padding-left:30px;
font-size:12px; padding-right:15px;
}
.pic1{
border:1px solid #00406c;
}
p.leftcontent{
padding-left:15px;
padding-right:10px;
text-align:left;
color:#001671;
}
h4{
text-decoration:underline;
color:#0078aa;
padding-top:15px;
}
-->
</style>
</head>
<body>
<table align="center" cellpadding="1" cellspacing="0">
<tr><td><img src="banner3.jpg" border="0"></td></tr>
</table>
<table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center">
<tr><td> </td><td> </td><td>Free</td><td> </td><td> </td><td> </td><td> </td></tr>
</table>
<table width="600px" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="150px" class="chara2">
<br>
<p><img src="selfpic.jpg" class="pic1">
<br> </p>
<p class="leftcontent"> ， 。 ， 。</p>
<p><img src="selfpic2.jpg" class="pic1">
<br> </p>
<p class="leftcontent"> ， ， ， ………</p>
</td>
<td class="chara3">
<h4> </h4>
<p> ， ， ， ？ ， ， ， ！</p>
<h4> </h4>
<p> ， ？ <br>
， ， 。<br>
， ， 。<br>
， ， ， 。<br>
， ， 。
</p>
<h4> </h4>
<p> ，<br>
，<br>
。<br>
，<br>
，<br>
。<br>
，<br>
。</p>
<h4> </h4>
<p>They're both convinced<br>
that a sudden passion joined them.<br>
Such certainth is beautiful,<br>
but uncertainty is more beautiful still.</p>
<br>
</td>
</tr>
</table>
</body>
</html>| ... |
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
