HTML+CSS布局
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页样式</title>
<style type="text/css">
button{color:chocolate;background-color: beige;}
input{width: 258px;height: 8px;margin-top: 20px;padding: 20px;}
button{width: 300px;height: 50px;margin-top: 20px;border: none;margin-left:80px ;}
/*注释以下 这是表格的样式*/
table{border-collapse: collapse;}
</style>
</head>
<body>
<h1 align="center">这是第一个网页布局样式</h1><hr />
<span>学习专区</span>
<span>精品视频</span>
<span>交流天地</span>
<ol>
<li>
<pre>这是我的第一个网页和样式层叠</pre>
</li>
<li>
<pre>这是我的第一个网页和样式层叠</pre>
</li>
<li>
<pre>这是我的第一个网页和样式层叠</pre>
</li>
</ol>
<table border="1px";wwidth="300px"height="100px">
<tr>
<td>星期</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<p>
登录名称：<input type="text" name="uname"placeholder="请输入用户名" /><br />
登录密码：<input type="password" name="pwd"placeholder="请输入用密码" /><br />
<button type="button">登录</button>
</p>
</body>
</html>