博客列表 >3月15日作业

3月15日作业

木易阳的博客
木易阳的博客原创
2018年03月19日 11:17:07587浏览

php 中文网第一次作业

微信图片_20180319114851.jpg微信图片_201803191148511.jpg微信图片_201803191148512.jpg

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>php中文网第一次作业</title>
 
<!-- css样式 -->
 <style type="text/css">
 div{
    width: 730px;
    height:830px;
    padding:10px;
    background-image:url(images/bg.jpg);
    background-size:740px 840px;
    background-repeat: no-repeat;
    border-radius: 20px;
    box-shadow: 6px 6px 6px #888;
  }

p{
    color:#363636;
    font-weight: bold;
    text-align:center;
    line-height:1.8em;
    font-size: 18px;
}
 h3{
    color: brown;
    text-align: center;
    font-size: 24px;
}
span{
    font-size:16px;
    text-align: center;
}
</style>

</head>
<body>

<div>
<h3 onmouseover="change(this)" onmouseout="old(this)">见与不见</h3>
<p>你见,或者不见</br>
我就在那里</br>
不悲不喜</br></p>

<p>你念,或者不念</br>
我就在那里</br>
不来不去</br></p>

<p>你爱,或者不爱</br>
爱就在那里</br>
不增不减</br></p>

<p>你跟,或者不跟</br>
我的手就在你手里</br>
不舍不弃</br></p>

<p>来我的怀里</br>
或者</br>
让我住进你的心里</br>
默然 相爱</br>
寂静 欢喜</br></p>

<!-- 版权信息 -->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;---仓央嘉措</p>
<span>Copyright © 2018  2018-2019 杨彦国 版权所有</span>
</div>

<!-- 标题变化js -->
<script type="text/javascript">
function change(element){
    element.style.fontsize='32px'
    element.style.color='green'

}
function old(element){
    element.style.fontsize='24px'
    element.style.color='brown'
}
</script>

</body>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议