首页 > 代码库 > 质量不够数量来凑（代码管够）

质量不够数量来凑（代码管够）

2024-08-22 21:14:36   211人阅读

<!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>
　　实现图：
技术分享

 

 

 

质量不够数量来凑（代码管够）


联系
我们