实例：
实例
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>第一个HTML</title>
<head>
<style type="text/css">
div {
width: 400px;/*块宽400PX*/
height:250px; /*块宽高400PX*/
padding: 10px;/*文字与边框距离*/
border-radius: 10px;/*圆角矩形幅度*/
box-shadow: 5px 5px 5px #888;/*向框块添加阴影及模糊阴影的颜色*/
/*background-color: #efefef;*//*背景颜色灰阶*/
background-image: url(images/1.jpg);/*标识不起作用*/
background-size:420px 270px;/*规定背景图像的尺寸*/
background-repeat: no-repeat;/*背景图像不允许重复显示*/
}
.text{
color: #F8F8FF;/*段落文字字体颜色*/
text-indent: 5em;/*段落文字首行缩进*/
line-height:1.5em;/*段落文字行距*/
/*标题颜色为蓝色，对齐方式为居中，字体大小为25PX*/
/*标题颜色为蓝色，对齐方式为居中，字体大小为25PX*/
/*事件会在鼠标指针移动到指定的对象上时发生 指定一个为yang的到达事件
/*事件会在鼠标指针移动到指定的对象上时发生 指定一个为ling的离开事件
}
</style>
</head>
<div>
<body>
<h3 style="color: brown;text-align: center;font-size: 25px"
onmouseover="yang(this)"
onmouseout="lin(this)"
>经典段子</h3>
<p>有一个人叫真咯嗦，娶了个老婆叫要你管，生了个儿子叫麻烦。有一天麻烦不见了！夫妻俩就去报案。警察问爸爸：请问这位男士你叫啥名字？爸爸说:真咯嗦。警察很生气，然后 他又问妈妈叫啥名字。妈妈说:要你管。<br>
警察非常生气的说:你们要干什么?夫妻俩说：找麻烦。</p>
</div>
</body>
<script type="text/javascript">
function yang(element){
element.style.fontsize = '30px'
element.style.color = 'red'
}function lin(element){
element.style.fontsize = '25px'
element.style.color = 'brown'
}
</script>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
手写代码：
