0918练习整理
一、布局一个倒三角
提示：使用DIV的border样式，调整边框粗细出现该效果，保留上边框，其它三个方向的边框需设置：border-left:100px solid transparent;来透明掉。
方法一：
<div style="width: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; width:200px; height:100px; position:absolute; background-color:#00F;}
#T1T2{
top:40px; left:100px; border:0px; width:200px; height:200px; position:absolute; background-color:#FFF; transform:rotate(45deg)}
#T1T3{
top:40px; left:300px; border:0px; width: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="width: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; width:100px; height:10px; transform:rotate(135deg)}
#T2T2{
top:100px; position:absolute; border:0px; background-color:#309; width: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>
