一、布局一个倒三角
提示:使用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>