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. POJ3461——Oulipo

    1.题目大意:单字符串匹配问题 2.分析:经典KMP问题 存个模板QAQ #include <cstdio> #include <cstdlib> #include <c ...

  2. [hihoCoder#1065]全图传送

    [hihoCoder#1065]全图传送 试题描述 先知法里奥是 Dota 系列中的一个英雄.机动性强,推塔能力一流,打钱速度快,传送技能使先知可以全地图支援.在后期比拼中通过强大的兵线控制能力使得对 ...

  3. javax.swing.JList 设置分割线

    public class TestJList extends JFrame { public TestJList() { JList list = new JList(new String[] { & ...

  4. 转：jQuery弹出二级菜单

    <html> <head> <meta http-equiv="content-type" content="text/html; char ...

  5. string转DateTime（时间格式转换）

    1.不知道为什么时间在数据库用varchar(8)来保存,例如"19900505",但是这样的保存格式在处理时间的时候是非常不方便的. 但是转换不能用Convert.ToDateT ...

  6. Convert a given Binary Tree to Doubly Linked List

    The question and solution are from: http://www.geeksforgeeks.org/convert-given-binary-tree-doubly-li ...

  7. linux (RHEL) 添加和删除用户

    linux添加新用户使用 useradd -----create a new user or update default new user information 删除用户使用userdel  -- ...

  8. MySQL 5.6 my.cnf 模版

    [client] port = socket = /var/run/mysqld/mysqld.sock [mysqld_safe] thp-setting=never socket = /var/r ...

  9. OGNL表达式

    一.什么是OGNL,有什么特点?     OGNL(Object-Graph Navigation Language),大概可以理解为:对象图形化导航语言.是一种可以方便地操作对象属性的开源表达式语言 ...

  10. C#中XmlTextWriter读写xml文件详细介绍(转)

    转自http://www.jb51.net/article/35230.htm   .NET中包含了很多支持XML的类,这些类使得程序员使用XML编程就如同理解XML文件一样简单.在这篇文章中,我将给 ...