zoukankan      html  css  js  c++  java
  • 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>

     

     

     

     

  • 相关阅读:
    bash脚本入门
    DNS 递归查询
    场景题
    利用 python 发送邮件(qq 邮件)
    Swagger 简单使用
    Nginx支持HTTPS,生成SSL证书
    使用 Python 搭建简易HTTP服务器
    扫码登陆原理
    【积累】在jQuery.Validate额中使用可以传入参数的message
    关于RUBY处理多语言转字符编码的一点经验 nkf
  • 原文地址:https://www.cnblogs.com/UC0079/p/5882108.html
Copyright © 2011-2022 走看看