趣味实现楼阁或者展示板的画面

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<style>
.Row11, .Row21, .Row22, .Row31, .Row32, .Row33, .Row41 {
    clear: both;
    margin: auto;
    width: 1000px;
}
/*可注释这段达到高楼的感觉*/.Row31 {
    background: #189ce2 none repeat scroll 0 0;
    height: 260px;
    margin-bottom: 10px;
    overflow: hidden;
}
   .Box0 {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 5px solid #189ce2;
    float: left;
    height: 250px;
    width: 250px;
}
.Center1 {
    border-color: #fff #189ce2 #ddd;
    border-style: solid;
    border-width: 40px;
    color: #fff;
    float: left;
    font-size: 16px;
    height: 160px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 380px;
}
</style>
<body>
  <div class="Row31" id="summary">
    <div class="Box0">
      <script>LYggw("上左")</script>
      <script type="text/javascript">
    var cpro_id="u2201120";
    (window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id]={at:"3",rsi0:"250",rsi1:"250",pat:"17",tn:"baiduCustNativeAD",rss1:"#FFFFFF",conBW:"1",adp:"1",ptt:"0",titFF:"",titFS:"14",rss2:"#000000",titSU:"0"}
</script>
      <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

    </div>
    <div class="Center1">
      在js中提供数据查找了函数有很多，但我查找了很久都没有能实现我要的方法，后来发现可以使用indexOf函数来实现查找与定位数组元素索引值的具体方法，各位朋友可参考。在现在代浏览器中判断一个元
      <script>LYggw("摘要")</script>
    </div>
    <div class="Box0">
      <script>LYggw("上右")</script>
      <script type="text/javascript">
    /*250*250内上右1*/
    var cpro_id = "u2595602";
</script>
      <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

    </div>
  </div>
</body>
</html>

border 变形计的更多相关文章

  1. 理解CSS边框border

    前面的话   边框是CSS盒模型属性中默默无闻的一个普通属性,CSS3的到来,但得边框属性重新焕发了光彩.本文将详细介绍CSS边框 基础样式   边框是一条以空格分隔的集合样式,包括边框粗细(边框宽度 ...

  2. css样式之border

    border用法详解: 1.border-width 属性设置边框的宽度 可能的值:像素 2.border-style 属性设置边框的样式 可能的值:solid(直线),dashed(虚线),dott ...

  3. 通过CSS的border绘制三角形

    通过css的border 可以绘制出三角形, 不同的样式组合,有着不同的效果,可以控制它的大小,颜色,方向.看下面各种图形,相信可能还有很多图形,大家都没见过. 先写出公共的样式: .border { ...

  4. css3学习--border

    http://blog.sina.com.cn/s/blog_61671b520101gelr.html border-radius border-radius: 50px 20px;上下都是50px ...

  5. border：none 和border：0区别差异

    border:none与border:0的区别体现为两点:一是理论上的性能差异,二是浏览器兼容性的差异. 性能差异: [border:0;]把border设为“0”像素效果等于border-width ...

  6. WPF 通过Border来画边框

    WPF有自己的表格控件DataGrid.ListBox等,如果只是简单的需求,可以通过Border控件来画边框. 比如我们需要给上面的控件加上边框. <Window x:Class=" ...

  7. css border属性做小三角标

    <!doctype html><html> <head> <title></title> <meta charset="ut ...

  8. 使用border做三角形

    网站上经常会使用一些三角形,除了图片的方式,实际上利用border我们可以做出纯CSS的三角形.我们知道border是个边抖可以单独设置,当四个边相交的时候他们是什么时候改变的? .t0{ margi ...

  9. iPhone 6/plus iOS Safari fieldset border 边框消失

    问题:iPhone6 plus 手机浏览网页,fieldset border 边框消失. 示例代码: <div> <fieldset style="border: 1px ...

随机推荐

  1. Java for LeetCode 075 Sort Colors

    Given an array with n objects colored red, white or blue, sort them so that objects of the same colo ...

  2. 3.python基础补充（集合，collection系列，深浅拷贝）

    一.集合 1.集合(set): 把不同的元素组成一起形成集合,是python基本的数据类型.集合元素(set elements):组成集合的成员 python的set和其他语言类似, 是一个无序不重复 ...

  3. poj 3080 Blue Jeans 解题报告

    题目链接:http://poj.org/problem?id=3080 该题属于字符串处理中的串模式匹配问题.题目要求我们:给出一个DNA碱基序列,输出最长的相同的碱基子序列.(保证在所有的序列中都有 ...

  4. UVALive 7269 Snake Carpet (构造)

    题目:传送门. 题意:构造出一个矩阵,使得矩阵含有n条蛇,每条蛇的长度是1到n,并且奇数长度的蛇有奇数个拐弯,偶数长度 的蛇有偶数个拐弯. 奇数和偶数分开构造,奇数可以是: 1357 3357 555 ...

  5. 组合数（codevs 1631）

    1631 组合数  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 钻石 Diamond 题解  查看运行结果     题目描述 Description 组合数C(N, K)表示 ...

  6. p364习题1

  7. Oracle 操作 - 配置

    http://blog.csdn.net/flyingbox/article/details/1823231 http://blog.csdn.net/libingquan008/article/de ...

  8. 7.适配器模式(Adapter Pattern)

    using System; namespace Test { /// <summary> /// 适配器模式主要解决的问题就是我们要调用的接口类型,无法满足我们新系统的使用需求, /// ...

  9. Windows下进程间通信及数据共享

    进程是装入内存并准备执行的程序,每个进程都有私有的虚拟地址空间,由代码.数据以及它可利用的系统资源(如文件.管道等)组成. 多进程/多线程是Windows操作系统的一个基本特征.Microsoft W ...

  10. Asp.net MVC中提交集合对象，实现Model绑定（转载）

    Asp.net MVC中的Model自动绑定功能,方便了我们对于request中的数据的处理, 从客户端的请求数据,自动地以Action方法参数的形式呈现.有时候我们的Action方法中想要接收数组类 ...