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
随机推荐
- iOS开发——网络篇——数据安全（MD5）,HTTPS，检测网络状态
一.数据安全 1.提交用户的隐私数据一定要使用POST请求提交用户的隐私数据GET请求的所有参数都直接暴露在URL中请求的URL一般会记录在服务器的访问日志中服务器的访问日志是黑客攻击的重点对象之一 ...
- 跟着百度学PHP[4]OOP面对对象编程-9-封装性,访问控制[private、pubic、protected]
其实之前就已经在封装的时候说到了.这个也属于封装的范畴吧. 用到的三个关键字(旁边是其中文翻译) private(私有的) public(公众的) protected(受保护的) 00X1 priva ...
- 在ROS下编写自己的节点来订阅话题（C++）
参考 http://blog.csdn.net/u013453604/article/details/49102957 的博客,其实这些内容和 <开源机器人操作系统> 这本书差不多 ...
- HDU 1003 动态规划
http://acm.hdu.edu.cn/showproblem.php?pid=1003 这几天开始刷动归题目,先来一道签到题 然而做的并不轻松, 没有注意到边界问题, WA了几发才发现 #inc ...
- 2 GPS utility methods
Methond 1 is to check whether the GPS is on: 1 2 3 4 5 public boolean isGPSIsOn() { LocationManager ...
- How do I get ASP.NET Web API to return JSON instead of XML using Chrome
public static class WebApiConfig { public static void Register(HttpConfiguration config) { config.Ro ...
- Visual Studio与Chrome调试工具使用技巧
VS: 1: Ctrl + Enter (在光标指定位置的上面添加一行,并将光标移至新添加行的行首位置) Ctrl + Shift + Enter (在光标指定位置的下面添加一行,并将光标移至新添加行 ...
- CEF3开发者系列之类和接口
CEF3基本的框架包含C/C++程 序接口,通过本地库的接口来实现,而这个库则会隔离宿主程序和 Chromium&Webkit的操作细节.它在浏览器控件和宿主程序之间提供紧密的整合,它支持用户 ...
- Android 程序中得到root activity的引用
今天写anroid时,想获得一个root activity的引用. ios中这个很简单, [UIApplication sharedApplication].keyWindow 得到window对象, ...
- linux学习中遇到的各种故障与解决方法
一.nginx 二.apache 三.mysql 四.tomcat 五.oracle 六.python python安装mysqldb(mysql-devel包)出现错误: error: comman ...