zoukankan      html  css  js  c++  java
  • CCS实例,网页栏目

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>这是标题</title>
        <style type="text/css">
            #title {
    
                width: 1015px;
                height: 50px;
                background-color: #e8e7e3;
                color: gray;
                font-weight: 500;
                font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    
                position: absolute;
    
                left: 50%;
                margin-top: 40px;
                margin-left: -605px;
    
            }
    
            .one {
    
                padding-top: 15px;
                margin:0px 5px 0px 5px;
                float: left;
                display: block;
    
                background-color: darkgrey;
                text-align: center;
    
                width: 135px;
                height: 35px;
            }
    
            .one:hover {
                background-color: royalblue;
                color: white;
            }
        </style>
    </head>
    <body>
    <div id="title">
    
        <div class="one">HTML/CSS</div>
        <div class="one">JavaScript</div>
        <div class="one">Server Side</div>
        <div class="one">ASP.NET</div>
        <div class="one">XML</div>
        <div class="one">Web Servies</div>
        <div class="one">Web Building</div>
    </div>
    </body>
    </html>
  • 相关阅读:
    任务总结四
    任务总结三
    任务总结二
    【大道至简】读后感
    人月神话
    12-13 库存信息管理系统
    12-9java web 数据库增删改查
    11-15课堂测试
    11-10关于java项目的异常处理
    11-10 动手动脑
  • 原文地址:https://www.cnblogs.com/bingxing/p/7620452.html
Copyright © 2011-2022 走看看