博客列表 >致我们单纯的小美好(页面展示,手写代码及源代码)3-16

致我们单纯的小美好(页面展示,手写代码及源代码)3-16

一枝黄花
一枝黄花原创
2018年03月16日 12:57:28681浏览

今天是PHP中文学习的第一天

代码

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>致我们单纯的小美好</title>
<style type="text/css">
div{
width:500px;
height: 300px;
/*border:1px #F0F8FF solid ;*/
padding: 15px;
/*background-color: yellow;*/
background-image: url(http://pic.pptbz.com/pptpic/201105/2011051707541004.jpg);
background-size: 550px 330px;
background-repeat: no-repeat;
border-radius:20px;
box-shadow:10px 10px 8px #888;
}
.text{
color:#330066;
line-height: 1.5em;
text-indent: 2em;
}
</style>
</head>
<body>
<div>
<h3  style ="color:#FF69B4;text-align:center;font-size:30px;" onmouseover="old(this)">致我们单纯的小美好</h3>
<p>陈小希与江辰19年间共同成长, 从青梅竹马到错失后的再次牵手的爱情故事。腹黑傲娇的天才医生,蠢萌逗比的元气少女,全剧气质俏皮幽默,通过展现陈小希倒追江辰一路上啼笑皆非的日常.</p><br/>
<p>记录了青春时光里最美好的心动时刻,将专属青春男女的青涩感情呈现出来</p>
</div>
<script type="text/javascript">
function change(element){
element.style.fontsize='24px'
    element.style.color='green'
}
function old (element){
element.style.fontsize='24px'
    element.style.color='brown'
}
</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

手抄代码图片

手写代码.png


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