<!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>
<title></title>
<style type="text/css">
#dv
{
width:auto;
border:1px solid red;
}
div
{
cursor:pointer;
font-family:@黑体 ;
background:green;
color:Blue;
}
.cls
{
height:auto;
background-color:Orange;
}
.cls1
{
cursor:pointer;
color:Gray;
background-color :Purple;
}
.cls2
{
background-color :transparent;
}
#dv1
{
background-color:Aqua ;
}
div1
{
width:auto;
height:auto;
background-color:Red !important;
}
</style>
</head>
<body>
<div style="width:inherit; background-color :Gray ; height:auto; color:Aqua ; ">
<input type="button" name="button_1" value="请点击我" />
曾经我很纯洁，但是因为老马，我变得开始邪恶。
<ul style="list-style-type:none; padding:10px;">
<li>老马</li>
<li>老黄</li>
<li>老牛</li>
<li>老苏</li>
<li>老杨</li>
<li>小杨</li>
<li>孙坤</li>
<li>杨中科</li>
<li>牛亮亮</li>
<li>老韩</li>
</ul>
<table border="1" style=" width:200px; height:100;">
<tr>
<td>内蒙古
</td>
<td>包头
</td>
<td>呼和浩特
</td>
<td>巴彦淖尔
</td>
<td>呼伦贝尔
</td>
<td>锡林郭勒
</td>
</tr>
<tr>
<td>内蒙古
</td>
<td>包头
</td>
<td>呼和浩特
</td>
<td>巴彦淖尔
</td>
<td>呼伦贝尔
</td>
<td>锡林郭勒
</td>
</tr>
<tr>
<td>内蒙古
</td>
<td>包头
</td>
<td>呼和浩特
</td>
<td>巴彦淖尔
</td>
<td>呼伦贝尔
</td>
<td>锡林郭勒
</td>
</tr>
<tr>
<td>内蒙古
</td>
<td>包头
</td>
<td>呼和浩特
</td>
<td>巴彦淖尔
</td>
<td>呼伦贝尔
</td>
<td>锡林郭勒
</td>
</tr>
</table>
</div>
<div id="dv">
老马很有才，文能提笔控萝莉。
</div>
<div class="cls">
老马看到老苏在洗澡，脱了裤子往里跑。
</div>
<div>
老马看到老苏在洗澡，脱了裤子往里跑。
</div>
<div id="Div1">
老马很有才，文能提笔控萝莉。
</div>
<div class="cls1">
老马看到老苏在洗澡，脱了裤子往里跑。
</div>
<div class=" cls2">
老马看到老苏在洗澡，脱了裤子往里跑。
</div>
<input class="cls" type="button" name="button_2" value="我是控件" />
<input type="text" name="text_1" value="我是文本框" />
<a href="http://www.itcast.cn">传智播客</a>
</body>
</html>
