ハンドテーブル
21316 ワード
突然感じて、もし私がソースコードをアップロードしてブログを書かなければ、この破れたページに2時間もかからない時間に、完全に手を打って、ブラウザは効果を調整します.
ソースコードは次のとおりです.
a.html:
b.css:
フォルダの内容:
ソースコードは次のとおりです.
a.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" media="all" rel="stylesheet" href="b.css"/>
<title>
</title>
</head>
<body>
<legend><em>Me </em></legend>
<table class="my">
<caption>
</caption>
<tr>
<td class="first"> ：</td>
<td class="second"></td>
<td class="first"> ：</td>
<td class="second"> </td>
<td class="pic" rowspan="4"> </td>
</tr>
<tr>
<td class="first"> ：</td>
<td class="second"> </td>
<td class="first"> ：</td>
<td class="second"> </td>
</tr>
<tr>
<td class="first">Email：</td>
<td class="second">[email protected]</td>
<td class="first"> ：</td>
<td class="second">15920100472</td>
</tr>
<tr>
<td class="first"> ：</td>
<td class="third" colspan="3"></td>
</tr>
<tr>
<td class="edu"> </td>
<td class="des" colspan="4"><br><br></td>
</tr>
<tr>
<td class="tec"> </td>
<td class="dec" colspan="4">
（ ）：C/C++ 、HTML 、CSS 、SQL（Oracle）、(JAVA PHP)<br>
（ ）：VS、Dreamweaver、Photoshop(CS6)、Eclipse、ZENDSTUDIO<br>
： （ 、 、 ）+ （KMP， ）<br>
（ ：http://www.cnblogs.com/A-way/）<br>
：4、6
</td>
</tr>
<tr>
<td class="exp"> </td>
<td class="dec" colspan="4">
， 。<br>
Eclipse CRUD 。<br>
， Dreamweaver Suri（ ） <br>
， （ magento）。
</td>
</tr>
<tr>
<td class="edu"> </td>
<td class="des" colspan="4">
ACM 、 <br>
<br>
</td>
</tr>
<tr>
<td class="edu"> </td>
<td class="des" colspan="4">
、 、 ， 。 ， ^_^。
</td>
</tr>
</table>
</body>
</html>b.css:
body
{
margin-left:10%;
margin-right:10%;
background:url("images.jpg");
background-size:100%;
font-size:1em;
}
legend
{
border:2px solid silver;
color:silver;
font-size:2em;
}
.my
{
margin:0 auto;
border:1px solid #333;
border-collapse:collapse;
}
tr,td
{
text-align:center;
}
.first
{
width:80px;
height:30px;
border:1px solid #333;
}
.second
{
border:1px solid #333;
width:130px;
height:30px;
}
.pic
{
width:90px;
height:120px;
}
.third
{
width:330px;
height:30px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
.edu
{
width:80px;
height:80px;
border:1px solid #333;
}
.des
{
height:80px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}
.tec
{
height:180px;
border:1px solid #333;
width:80px;
}
.dec
{
height:170px;
border:1px solid #333;
text-align:left;
padding-left:1em;
}フォルダの内容: