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. 备份Oracle数据库的脚本

    @echo off goto bakoracle :bakoracle echo. echo ★☆★  自动备份Oracle数据库   ★☆★ echo. set backpath=E:\Oracle ...

  2. style="visibility: hidden" 和 style=“display:none”区别

    大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏的,这用visibility=& ...

  3. 2016年10月12日--string、Math类、Random随机数、DateTime、异常保护

    string string.length; //得到string长度 string.Trim(); //去掉string前后的空格 string.TrimStart(); //去掉string前的空格 ...

  4. hosts 本机DNS域名解析

    一． Hosts文件的位置很多用户都知道在Window系统中有个Hosts文件(没有后缀名),在Windows 98系统下该文件在Windows文件夹.在Windows 2000/XP系统中位于\%S ...

  5. C#之Textbox实现自动提示容、自动补齐内容

    今发现一个博文挺有意思,实现的功能很有意思但方法却很简单,特此转过来,以备以后查阅. 先上原博文地址:http://blog.csdn.net/testcs_dn/article/details/45 ...

  6. 【转】mysql的cardinality异常，导致索引不可用

    转自:http://ourmysql.com/archives/1343 前段时间,一大早上,就收到报警,警告php-fpm进程的数量超过阈值.最终发现是一条sql没用到索引,导致执行数据库查询慢了, ...

  7. poj4052

    题意:求一个文章(长度5.1e6)里面出现了多少个指定的模式串.重复出现只记一次.而且如果两个模式串都出现的情况下,一个是另一个的子串,则该子串不算出现过. 分析:AC自动机. 由于子串不算所以加一些 ...

  8. 6.js模式-中介者模式

    1. 中介者模式 所有对象通过中介者进行通信 var playDirector = (function(){ var players = []; var options = {}; options.a ...

  9. 【转】Java-----jar反编译修改重新打包

    原文链接:http://blog.csdn.net/hekewangzi/article/details/44676797 一.使用反编译工具JD-GUI(JD-GUI相关操作见Java-----反编 ...

  10. JavaScript高级程序设计学习笔记--变量、作用域和内存问题

    传递参数 function setName(obj){ obj.name="Nicholas"; obj=new object(); obj.name="Greg&quo ...