border-left:100px solid transparent;    左边框隐藏

transform:rotate(45deg);   　　　　　　div旋转45度

用css做一个三角形

<style type="text/css">

#a{

    width:0px;

    height:0px;

    border-top:100px solid #00C;

    border-left:100px solid transparent;

    border-right:100px solid transparent;}

</style>

<body>

<div id="a"></div>

</body>

用css做一个破折号

<style type="text/css">

#b{

    width:100px;

    height:100px;

    border-left:10px solid #00C;

    border-bottom:10px solid #00C;

    transform:rotate(45deg);

    }

</style>

<div id="b"></div>

用div+css做一个提示框

<style type="text/css">

*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}

#content{margin:20px 0px 0px 300px;width:350px; height:100px; border:2px solid #60F; overflow:hidden; padding:10px 10px 10px 10px}

#waiceng{width:100px; height:50px;margin-left:320px; overflow:hidden; margin-top:-2px}

#sanjiao{width:50px; height:50px; border:2px solid #60F;transform:rotate(45deg); position:relative;top:-27px; border-left:0px; border-top:0px; background-color:white;}

</style>

<div id="content">

    CSS3中添加的transform是对元素进行变化操作的，包括位移，旋转，放大，变形等操作。这里我的代码均是采用标准的css3规范书写，大家使用的时候为了兼容可加上-webkit-、-o-、-ms-、-moz-、-khtml-等前缀以适应不同的浏览器。

</div>

<div id="waiceng">

    <div id="sanjiao"></div>

</div>

效果图：

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

123（）45（）56（）78 （）90 = 100

<script type="text/javascript">

var s="";

for(var i=-1;i<2;i=i+2)

{

    for(var x=-1;x<2;x=x+2)

    {

        for(var y=-1;y<2;y=y+2)

        {

            for(var z=-1;z<2;z=z+2)

            {

                var zhi=123+i*45+x*56+y*78+z*90;

                if(zhi==100)

                {

                    s="("+i+")("+x+")("+y+")("+z+")";

                }

            }

        }

    }

}

alert(s);

</script>

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

123（）45（）56（）78 （）90 = 100

随机推荐

  1. Android学习笔记（二十二）——短信接收与发送

    //此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 当手机接收到一条短信的时候, 系统会发出一条值为 android.provider.Telephony.SMS ...

  2. git 教程（7）--撤销修改

    自然,你是不会犯错的.不过现在是凌晨两点,你正在赶一份工作报告,你在readme.txt中添加了一行:

  3. vSphere、Hyper-V与XenServer 你选哪个？

    vSphere.Hyper-V与XenServer 你选哪个? 当在VMware vSphere.Microsoft Hyper-V与Citrix Systems XenServer之间做出选择时,v ...

  4. python 端口扫描仪

    思路:使用socket进行连接测试,即客户端连接服务器. 核心代码如下: from socket import * def try_port(ip,port,protocol = SOCK_STREA ...

  5. 转：ASP.NET 使用Ajax

    之前在Ajax初步理解中介绍了对Ajax的初步理解,本文将介绍在ASP.NET中如何方便使用Ajax,第一种当然是使用jQuery的ajax,功能强大而且操作简单方便,第二种是使用.NET封装好的Sc ...

  6. ubuntu14.04 server安装vncserver

    $ sudo apt-get install -y tightvncserver $ vncserver 转自: https://www.liquidweb.com/kb/how-to-install ...

  7. 【架构】linkerd：来自Twitter为微服务而生的开源RPC解决方案

    大家要如何以规模化方式运维微服务应用程序?实践当中会出现哪些问题,我们又该如何加以解决?在大规模与非预测性工作负载场景当中,我们需要满足哪些条件才能运行一款大型微服务应用程序,而又能够确保不必受到功能 ...

  8. 【云计算】docker三剑客如何支持分布式部署？

    This blog will explain how to create multi-container application deployed on multiple hosts using Do ...

  9. IO复用与select函数

    socket select函数的详细讲解 select函数详细用法解析      http://blog.chinaunix.net/uid-21411227-id-1826874.html linu ...

  10. strcpy vs memcpy

    [本文连接] http://www.cnblogs.com/hellogiser/p/strcpy_vs_memcpy.html [分析] strcpy和memcpy都是标准C库函数,它们有下面的特点 ...