首页 > 代码库 > cxx开班消息

cxx开班消息

<!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,h4,a{margin:0px;padding:0px;}
    ul,li{list-style:none;}/*去掉无序列表小黑点*/
    body{font-size:12px;background-color:#8b8b8b;}
    a:link,a:visited{color:#53a9ff;text-decoration:none;}
    a:hover{color:red;}
    /*开班信息模块*/
    .kaiban{
        width:295px;
        border:1px soild red;
        background-color:#ffffff;
        margin:50px auto;/*div元素在网页中居中对齐(FX浏览器)*/
    }
    .kaiban .title{
         height:35px;
         line-height:35px;/*行高跟图片高度一样文字自动居中上下对齐*/
         color:#ffffff;
         font-size:16px;
         padding-left:40px;
         /*加入背景图片路径地址*/
         background-image:url(righttitle.gif);        
    }
    .kaiban .content{
        
    
    }
    .kaiban .content h4{padding:5px 0px;}
                      /*下边线加粗1px,点状线,灰色       内填充上下加3px,左右加0px*/
    .kaiban .content li{border-bottom:1px dashed #ccc; padding:3px 5px;}                        
    .kaiban .content span{
        /*字体加粗*/
        font-weight:bold;
        /*向右浮动*/
        float:right;
    }
    .red{color:red;}
    .blue{color:blue;}
    </style>
    <script type="text/javascript"></script>
</head>
<body>

<div class="kaiban">
    <div class="title">PHP培训开班信息</div>
    <div class="content">
        <h4>PHP基础班</h4>
        <ul>
            <li><a href="http://www.mamicode.com/#">北京--第39期(2015年07月号)</a><span    class="red">预约报名</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第38期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第37期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第36期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
        </ul>
        <h4>PHP就业班</h4>
        <ul>
            <li><a href="http://www.mamicode.com/#">北京--第39期(2015年07月号)</a><span    class="red">预约报名</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第38期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第37期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第36期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
        </ul><h4>PHP远程班</h4>
        <ul>
            <li><a href="http://www.mamicode.com/#">北京--第39期(2015年07月号)</a><span    class="red">预约报名</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第38期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第37期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
            <li><a href="http://www.mamicode.com/#">北京--第36期(2015年07月号)</a><span    class="blue">爆满已开班</span></li>
        
    </div>

</div>

</body>
</html>

技术分享

cxx开班消息