• 0918练习整理


    一、布局一个倒三角

    提示:使用DIV的border样式,调整边框粗细出现该效果,保留上边框,其它三个方向的边框需设置:border-left:100px solid transparent;来透明掉。

    方法一:

    <div style="0px; height:0px; border-top:100px solid #00F; border-right:100px solid #FFF; border-left:100px solid #FFF;"></div>

    方法二:

    CSS:

    #T1T1{
    top:0px; left:200px; border:0px; 200px; height:100px; position:absolute; background-color:#00F;}
    #T1T2{
    top:40px; left:100px; border:0px; 200px; height:200px; position:absolute; background-color:#FFF; transform:rotate(45deg)}
    #T1T3{
    top:40px; left:300px; border:0px; 200px; height:200px; position:absolute; background-color:#FFF; transform:rotate(135deg)}

    HTML:

    <div id="T1T1"></div>
    <div id="T1T2"></div>
    <div id="T1T3"></div>

    二、布局一个箭头

    提示:DIV旋转使用的样式:transform:rotate(45deg);旋转45度

    方法一:

    <div style="100px; height:100px; border-left:10px solid #00F; border-bottom:10px solid #00F; transform:rotate(45deg)"></div>

    方法二:

    CSS:

    #T2T1{
    top:36px; position:absolute; border:0px; background-color:#309; 100px; height:10px; transform:rotate(135deg)}
    #T2T2{
    top:100px; position:absolute; border:0px; background-color:#309; 100px; height:10px; transform:rotate(45deg)}

    HTML:

    <div id="T2T1"></div>
    <div id="T2T2"></div>

    三、括号内可以写加或减,要使等式成立,括号里面应该填什么值。

    123()45()56()78 ()90 = 100

    提示:使用for循环嵌套,+1可代表加号(正1乘以一个数是整数),-1可代表减号(负1乘以一个数是负数,负数在加法运算中相当于减)

     

     

    <script type="text/javascript">
    var s;
    for(var i = -1;i < 2;i+2)

    {
      for(var j = -1;j < 2;j+2)

      {
        for(var k = -1;k < 2;k+2)

        {
          for(var l = -1;l < 2;l+2)

          {
            var zj = 123+i*45+j*56+k*78+m*90;
            if(zj == 100)

            {
              s = "("+i+")("+j+")("+k+")("+l+")";
            }
          }
        }
      }
    }
    alert (s);
    </script>

     

     

     

     

  • 相关阅读:
    Git远程库
    Git的使用
    如何利用IO流复制文件
    Lambda表达式
    Lambda表达式的标准格式
    线程池的使用步骤
    解决线程安全的三个方法
    多线程
    位运算
    如何用javadoc生成java帮助文档
  • 原文地址:https://www.cnblogs.com/UC0079/p/5882108.html
Copyright © 2020-2023  润新知