zoukankan      html  css  js  c++  java
  • no斜体 背景图片坐标

    <!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=gb2312" />
    <title>3.10新闻中心制作评测题</title>
    <style type="text/css">
    
    /*在此定义相关CSS样式*/
    *{margin:0;padding:0;font-size:12px;}
    li{list-style:none;
         height:16px;
        line-height:16px;
        margin-top:10px;
        margin-bottom:10px;
    }
    a{text-decoration:none;
        color:black;
        height:16px;
        line-height:16px;
    }
    .topList{
        border:1px solid #e8e8e8;
        width:300px;
        height:180px;
        margin:5px auto;
    }
    ul{
        padding:5px 5px;
    }
    em{
        display:block;
        float:left;
        width:20px;
        height:16px;
        text-align:center;
        font-style:normal;
        color:#333;
        background:url(" http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg") no-repeat 0 -16px ;
    }
    .top em{
          background:url(" http://img.mukewang.com/53cf0fa20001d3dc00200032.jpg") ;
    }
    a:hover{
      color:red;
    }
    
    
    </style>
    </head>
    
    <body>
    <div class="topList">
    <ul>
    <li class="top"><em>01</em>
    <p><a href="http://www.imooc.com/" >【慕客访谈用户篇】“有为屌丝”在路上</a></p>
    </li>
    <li class="top"><em>02</em>
    <p><a href="http://www.imooc.com/">【有奖活动】给父亲的三行书信</a></p>
    </li>
    <li class="top"><em>03</em>
    <p><a href="http://www.imooc.com/">《程序猿,请晒出你的童年》活动获奖公告</a></p>
    </li>
    <li><em>04</em>
    <p><a href="http://www.imooc.com/">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></p>
    </li>
    <li><em>05</em>
    <p><a href="http://www.imooc.com/">【获奖公告】追“球”巅峰,争当“预言帝”</a></p>
    </li>
    <li><em>06</em>
    <p><a href="http://www.imooc.com/">【问卷调查】慕课网用户学习情况大调查</a></p>
    </li>
    </ul>
    </div>
    </body>
  • 相关阅读:
    并行 并发 概念
    为什么C++编译器不能支持对模板的分离式编译_刘未鹏
    并发编程的15 条建议
    VS2005 C++ str.Format 编译错误
    PPT 去除排练计时
    VS2005中 depends.exe 在哪里
    《A wavelet tour of signal processing》前言摘录
    Windows Forms 2.0 Programming 读书笔记Hello, Windows Forms
    VS2005 宽字符 unicode字符集和多字节字符集
    Windows Forms 2.0 Programming 读书笔记Hello, Windows Forms(2)
  • 原文地址:https://www.cnblogs.com/sunmarvell/p/6833004.html
Copyright © 2011-2022 走看看