今天是在PHP中文网学习的第一天!
<meta charset="utf-8">
<html>
<head>
<title>开课第一讲HTML标签使用</title>
<style type="text/css">
.box{
width: 500px;
height: 350px;
padding: 15px;
border-radius: 20px;
box-shadow: 5px 0px 5px #999;
background-image:url(images/8.jpg);
background-repeat: no-repeat;
}
.pss{
color: #000;
text-indent: 2em;
line-height: 2em;
}
</style>
</head>
<body>
<div class="box">
<h3 style="color:black; text-align:center;font-size:20px;" onmouseover="change(this)" onmouseout="old(this)">陌陌:发现真实的距离</h3>
<p class="pss">一对异地情侣每天在陌陌上聊天,彼此的距离始终都是1000公里。某晚她回家 后习惯的打开陌陌,发现双方的距离只有1公里,再刷新,只有0.9公里,她明白 发生了什么,激动的走向门口。当晚,他们的距离只有-5厘米。 于是第二天,他们还是分手了......</p>
</div>
<script type="text/javascript">
function change(element) {
element.style.fontSize='20px'
element.style.color='green'
}
function old(element) {
element.style.fontSize='28px'
element.style.color='gray'
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
手抄代码:


效果如图:

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号