博客列表 >3月15日作业

3月15日作业

笨鸟先飞
笨鸟先飞原创
2018年03月17日 13:59:22628浏览

今天第一节HTML学习!!!

代码:

实例

<!DOCTYPE html>

<html>

<!--head标签中的内容,是给浏览器看的,用户不感兴趣-->

<head>

  <meta charset="UTF-8">

  <title>我的第一个HTML页面</title>

  <style type="text/css">

    div {

      width: 560px;

      height: 300px;

      /*border: 1px solid brown;*/

      padding: 15px;

      /*background-color: blue;*/

      background-image: url(images/1.jpg);

      background-size: 590px 330px;

      background-repeat: no-repeat;

      border-radius:20px;

      box-shadow: 8px 8px 10px brown;

    }

  .text{

    color:#00f07f;

    line-height: 2em;

    text-indent: 2em;



  }

</style>

</head>

<body>

  <div>

  <h2 style="color:red; text-align:center;font-size: 30px;" onmouseover="change(this)" onmouseout="old(this)">开心一刻</h2>

<p>推销员在药店门前向过往的行人吆喝:“看看我这一头浓密乌黑的秀发,这是用了三个月防脱生发水的奇迹! ”秃顶的老张路过:“请问你以前秃到什么程度?”<br>

<!--<p>推销员一边摘下假发一边说:“秃到一根头发都没有,你看,不骗你! ”</p>-->

推销员一边摘下假发一边说:“秃到一根头发都没有,你看,不骗你! ”</p>

</div>

<script type="text/javascript">

  function change(element) {

    element.style.font-size = '40px'

    element.style.color = 'yellow'

  }

  function  old(element){

    element.style.font-size = "30px"

    element.style.color = "red"

  }

</script>

</body>

</html>

运行实

例 »

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

手写代码:IMG_2932.JPG

IMG_2931.JPGIMG_2933.JPG


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