html练习

时间：2022-09-19 22:53:12

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>

效果图：

html练习

括号内可以写加或减，要使等式成立，括号里面应该填什么值。

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. js&sol;jstl&sol;el的区别

    JavaScript 学习的路径:http://www.w3school.com.cn/js/js_intro.asp 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服 ...

  2. iOS开发小技巧--自定义带有占位文字的TextView&lpar;两种方式&rpar;

    自定义控件注意或框架注意:自己暴露在外面的属性,一定要重写setter,保证外界与内部的交互性 一.方案一:通过drawRect:方法将文字画到textView中,监听文字改变用的是通知中心(代理也可 ...

  3. RR 插入不影响

    | test100 | CREATE TABLE `test100` ( `sn` int(11) NOT NULL AUTO_INCREMENT COMMENT '自增编号', `phoneNo` ...

  4. QPainter就是手里的作图工具，只需要三洋东西：笔（颜色，宽度，样式），字体（写字），刷子（大面积作画），这里有三个典型例子

    设置笔和字体以后,就可以写字了: void MainWindow::paintEvent(QPaintEvent *event) { Q_UNUSED(event); QPainter painter ...

  5. Android setOnTouchListener识别滑动手势

    setOnTouchListener(new OnTouchListener() { private float startX, startY, offsetX, offsetY; @Override ...

  6. 算法打基础——HashⅡ&colon; 全域哈希与完美哈希

    这一节涉及数学超级多,各种数论知识,各种不明觉厉! 看了几遍,才勉强看懂一些,所以这 篇稍微简单的介绍着两种hash table, 免得瞎说说错了. 这一讲的主要知识点是:1. 全域哈希及构造     ...

  7. Vue学习笔记四：跑马灯效果

    目录 跑马灯原理 HTML 箭头函数 计时器 跑马灯效果 跑马灯原理 先讲讲跑马灯的原理,就是一行字,会滚动,思路是这样的,使用substring方法,一个获取字符串的第一个字,一个获取1后面所有的字 ...

  8. Deseq2 的可视化策略汇总

    1) MA图   对于MA图而言, 横坐标为该基因在所有样本中的均值,basemean = (basemean_A + basemean_B ) / 2, 纵坐标为 log2Fold change 其 ...

  9. 让ubuntu下的eclipse支持GBK编码

    把Windows下工程导入Linux下Eclipse中,由于以前的工程代码,都是GBK编码,而Ubuntu默认不支持GBK编码,所以,我们要让Ubuntu支持GBK,方法如下: 1.修改/var/li ...

  10. Eclipse &plus; Maven 安装配置

    1. 下载 http://maven.apache.org/download.cgi 2. 解压 3. 配置环境变量 MAVEN_HOME = D:\Software\apache-maven-3.5 ...

相关文章