质量不够数量来凑(代码管够)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了质量不够数量来凑(代码管够)相关的知识,希望对你有一定的参考价值。

<!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" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
    body,ul,li,h3,a{
        
        padding:0px;
        margin:0px;
    }
    body{
    font-family:宋体;
        font-size:12px;
        background-color:#ccc;
        }
    a:link,a:visited{color:#0000ff;text-decoration:none;}
    a:hover{color:#ff0000;}
    .kaiban{
        width:295px;
        background-color:#fff;
        margin:50px auto;  /*火狐:div在网页中对齐*/
    }
    .kaiban .tisit{
        padding-left:40px;
        line-height:35px;
        color:white;
        font-size:16px;
        height:35px;
        background-image:url(images/righttitle.gif);}
    .red{color:red;}
    .blue{color:blue;}
    ul,li{list-style:none;}
    .kaiban .lh span{
        font-weight:bold;
        float:right;
    }
    .kaiban .lh .red,.kaiban .lh .blue{
        text-align:right;
        font-weight:bold;
    }
    .kaiban .lh{padding:15px 20px 15px 20px;}
    .kaiban .lh h3{padding:3px 3px;}
    .kaiban .lh li{border-bottom:1px dashed #ccc;padding:3px 0px;}
    
    </style>
    <script type="text/javascript"></script>
</head>
<body>
    <div class="kaiban">
        <div class="tisit">php培训开班信息</div>
        <div class="lh">
        <h3>PHP基础</h3>
        <ul>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="red">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
        </ul>
    
    
        <h3></h3>
        <h3>PHP基础</h3>
        <ul>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="red">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
        </ul>
    
        <h3></h3>
        <h3>PHP基础</h3>
        <ul>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="red">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="red">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
            <li><a href="#">北京--第39期(2015年07月28号)</a><span class="blue">预约报名</span></li>
        </ul>
        </div>
    </div>
</body>
</html>
  实现图:
技术分享

 

 

 



以上是关于质量不够数量来凑(代码管够)的主要内容,如果未能解决你的问题,请参考以下文章

代码质量那点事儿

性能不够缓存来凑?你真的懂缓存吗?

带你玩儿转 “中国汉字”,实力不够,Python来凑!

技术不够时间来凑,梦圆国一永不放弃

第02课:生活中的适配模式——身高不够鞋来凑

第02课:生活中的适配模式——身高不够鞋来凑