zoukankan      html  css  js  c++  java
  • 流式布局

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>See You Again</title>
    <style type="text/css">
    div
    {
    background-color:#0F0; border:3px solid yellow;
    height:400px; 800px; line-height:400px; text-align:center; margin:0px auto;
    }
    div:hover
    { background-color:#F99;
    }
    </style>
    <link href="样式表.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div><a class="a1" href="http://music.163.com/#/song?id=31607266" target="_blank"><font size="36">See You Again</font></a></div>
    <span style="background-color:#F00">有缘再见</span>
    <p>天谕</p>
    <p class="sp">天谕</p>
    <p id="aa">天谕</p>
    <p id="aa">天谕</p>
    <p>天谕</p>
    <br />
    <br />
    <br />

    <a class="a1" href="http://www.baidu.com" target="_blank">百度一下,你就知道。</a>
    <br />
    <br />
    <br />
    <a class="a2" href="http://www.baidu.com" target="_blank">百度一下,你就知道。</a>
    <br />
    <br />
    <br />

    <div class="a1"><p>朔月</p></div>
    <div class="aa"><font size="36">关山笳</font></div>
    <div class="a2"><p>她是最亮的月光,可月光再亮,终究冰凉。</p></div><br />

    <a class="a2" href="http://www.baidu.com" target="_blank"><font size="36">百度一下,你就知道。</font></a>
    </body>
    </html>

  • 相关阅读:
    CF Round #576 (Div. 2) Matching vs Independent Set
    Count on a tree
    2019hdu多校 AND Minimum Spanning Tree
    Pku2978 Colored stones
    2019hdu多校 Minimal Power of Prime
    微信小程序- app.wxss 全局样式与局部样式
    微信小程序-选择器
    微信小程序-视图层-样式导入和全局样式
    微信小程序视图层-rpx
    视觉上的透明效果
  • 原文地址:https://www.cnblogs.com/smile-dream/p/5793005.html
Copyright © 2011-2022 走看看