zoukankan      html  css  js  c++  java
  • 布局

    <style>
    *{
    margin:0px;
    padding:0px;}
    .a{
    10%;
    height:600px;
    position:fixed;}
    .aa{
    100%;
    height:60px;
    position:relative;
    vertical-align:middle;}
    .b{
    90%;
    height:860px;
    margin-left:10%;
    position:relative;}
    .bb{
    100%;
    height:860px;
    background-color:#000;
    opacity:0.4;
    position:relative;
    z-index:2px;}
    .c{
    90%;
    height:200px;
    background:#F5F5F5;
    margin-left:10%;
    position:relative;}
    .d{
    90%;
    height:800px;
    background:#F5F5F5;
    margin-left:10%;
    position:relative;}
    .e{
    360px;
    height:360px;
    border:1px solid #D9D9D9;
    margin-top:2%;
    margin-left:3%;
    float:left;}
    .e:hover{
    border:1px solid #414141;
    cursor:pointer;}
    .f{
    90%;
    height:200px;
    margin-left:10%;
    background:#CDCDCD;
    margin-top:20px;
    position:relative;}
    .g{
    100%;
    height:40px;
    float:left;
    }
    .g:hover
    {
    background:#CCC;
    color:#FFF;
    cursor:pointer;}

    </style>

    </head>

    <body>
    <div class="a"><div class="aa"></div><div class="g">esc</div><div class="g">tab</div><div class="g">capslk</div><div class="g">shift</div><div class="g">ctrl</div><div class="g">alt</div><div class="g">space</div><div class="g">backspace</div></div>
    <div class="b"><div class="bb"><img src="0e2442a7d933c895d0a64814d51373f083020080.jpg"/ width="100%"></div></div>
    <div class="c"><font size="+6" face="Lucida Console, Monaco, monospace"><b><center><br />Sercives</center></b></font><br /><font size="+3"><center>This Is What We Are Good At</center></font></div>
    <div class="d"><div class="e"></div><div class="e"></div><div class="e"></div><div class="e"></div><div class="e"></div><div class="e"></div></div>
    <div class="f"><font size="+6" face="Lucida Console, Monaco, monospace"><center><br />Portfolio</center></font><br /><font size="+3"><center>Some Of Our Accomplishments</center></font></div>

    </body>
    </html>

  • 相关阅读:
    oracle pl/sql 中目录的创建
    oracle pl/sql中创建视图
    oracle pl/sql 函数中链表的使用
    oracle pl/sql 中的触发器
    (转载)gcc/g++打印头文件包含顺序和有效性
    (转载)Linux平台可以用gdb进行反汇编和调试
    (转载)轻量级Web服务器Lighttpd的编译及配置(for x86linux)
    (转载)浮点数的二进制表示
    gdb如何进行清屏
    gdb设置运行参数
  • 原文地址:https://www.cnblogs.com/yx1314520/p/5770485.html
Copyright © 2011-2022 走看看