首页 > 代码库 > html练习
html练习
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
html练习
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。