首页 > 代码库 > day7

day7

2024-08-23 08:00:16   222人阅读

<!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">
        *{margin:0px; padding:0px;}
        h1,h2,h3,h4,h5,h6,ul,li,a,span{margin:0px; padding:0px;}
        a:link,a:visited{text-decoration:none;}
        a:hover {color:red;}
        ul,li{list-style:none;}
        body{font-size:16px;}
        .top {width:293px; margin:0 auto;border:10px solid #EEEEEE;}
        .top .title{
            background:url(images/righttitle.gif) no-repeat;
            height:35px;
            line-height:35px;
            padding-left:32px;
            color:#fff;
            font-size:20px;
            font-weight:bold;
        }
        .top .nav{padding:10px;}
        .top .nav h4{font-weight:bold; padding:7px 0px 3px;}
        .top .nav li{padding:3px 0px; border-bottom:1px dashed;}
        .top .nav a{color:#4685BD;}
        .top .nav span{float:right; font-weight:bold;}
        .top .nav .blue{color:blue;}
        .top .nav .red{color:red;}

    </style>
</head>
<body>
    <div class="top">
        <div class="title">PHP培训开班信息</div>
        <div class="nav">
            <h4>PHP基础班</h4>
            <ul>
                <li><a href="#">北京--10月12号<span class="blue">爆满已开班</span></a></li>
                <li><a href="#">北京--10月12号<span class="red">预约报名</span></a></li>
            </ul>
            <h4>PHP就业班</h4>
            <ul>
                <li><a href="#">北京--10月12号<span class="blue">爆满已开班</span></a></li>
                <li><a href="#">北京--10月12号<span class="red">预约报名</span></a></li>
            </ul>
            <h4>PHP远程班</h4>
            <ul>
                <li><a href="#">北京--10月12号<span class="blue">预约报名</span></a></li>
                <li><a href="#">北京--10月12号<span class="red">预约报名</span></a></li>
            </ul>
        </div>
    </div>

</body>
</html>

效果图
技术分享

 

day7


联系
我们