zoukankan      html  css  js  c++  java
  • 模仿新浪微博转发框,算是挺兼容的了,IE8不太兼容吧,没怎么去测试

    View Code
    .big{
    margin-top
    :400px;
    margin-left
    :200px;
    height
    :120px;
    width
    :400px;
    background-color
    :#F8F8F8;
    border
    :1px solid #EFE7B6;
    border-radius
    :3px 3px 3px 3px;}


    .arrow
    {
    width
    :30px;
    margin-left
    :20px;
    margin-top
    :-8px !important;
    _margin-top
    :-8px;
    }


    .a,.b
    {
    display
    :block;
    font-style
    :normal;
    font-family
    :"宋体";
    font-size
    :14px;
    }
    .b
    {
    position
    :absolute;
    margin-top
    :-14.6px;
    *margin-top
    :-12.6px !important;
    color
    :#F8F8F8;
    _margin-top
    :2px;
    }

    .a
    {
    _position
    :absolute;
    color
    :#EFE7B6;
    }
    View Code
    <!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>
    <link rel="stylesheet" href="div.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    <div class="big">
      <div class="arrow">
        <em class="a"></em>
        <span class="b"></span>  </div>
    </div>
    </body>
    </html>

     请大家看看哈,非常少代码的,容易吧,哈哈

  • 相关阅读:
    flask项目部署
    FastDFS分布式文件系统
    《app》团队冲刺二
    《APP》团队开发一
    软工二年级团队项目----自律小助手
    团队项目新闻app的需求分析
    团队成员及团队项目
    团队冲刺第八天
    团队冲刺第七天
    团队冲刺第六天
  • 原文地址:https://www.cnblogs.com/wanlxz/p/2742983.html
Copyright © 2011-2022 走看看