• 漂亮的表格样式大全


    下面是代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <title>超清爽的几款网页配色</title>
    <head>
    <style type="text/css">
    .style1{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #96C2F1;
    background-color: #EFF7FF
    }
    
    .style2{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #9BDF70;
    background-color: #F0FBEB
    }
    
    .style3{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #BBE1F1;
    background-color: #EEFAFF
    }
    
    .style4{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #CCEFF5;
    background-color: #FAFCFD
    }
    
    .style5{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #FFCC00;
    background-color: #FFFFF7
    }
    
    .style6{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #92B0DD;
    background-color: #FFFFFf
    }
    .style6 h5{
    margin: 1px;
    background-color: #E2EAF8;
    height: 24px;
    }
    
    .style7{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #A9C9E2;
    background-color: #E8F5FE
    }
    
    .style8{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #E3E197;
    background-color: #FFFFDD
    }
    
    .style9{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #ADCD3C;
    background-color: #F2FDDB
    }
    
    .style10{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #F8B3D0;
    background-color: #FFF5FA
    }
    
    .style11{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #D3D3D3;
    background-color: #F7F7F7
    }
    
    .style12{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #BFD1EB;
    background-color: #F3FAFF
    }
    
    .style13{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #FFDD99;
    background-color: #FFF9ED
    }
    
    .style14{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #CACAFF;
    background-color: #F7F7FF
    }
    
    .style15{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #A5B6C8;
    background-color: #EEF3F7
    }
    .style16{
    width: 800px;
    height: 100px;
    margin: 0px auto;
    margin-bottom:20px;
    border:1px solid #CEE3E9;
    background-color: #F1F7F9
    }
    </style>
    </head>
    <body>
    <div class="style1"><h5><a href="/">1</a></h5></div>
    <div class="style2"><h5><a href="/">2</a></h5></div>
    <div class="style6"><h5>3</h5></div>
    <div class="style3"></div>
    <div class="style4"></div>
    <div class="style5"></div>
    <div class="style7"></div>
    <div class="style8"></div>
    <div class="style9"></div>
    <div class="style10"></div>
    <div class="style11"></div>
    <div class="style12"></div>
    <div class="style13"></div>
    <div class="style14"></div>
    <div class="style15"></div>
    <div class="style16"></div>
    </body>
    </html>

    以上代码来自网络,非原创!

    作者:Elaine
    交流QQ:392989505
  • 相关阅读:
    DNNClassifier 深度神经网络 分类器
    浏览器对MP4视频 帧宽度 高度的兼容性
    UnicodeEncodeError:'latin-1' codec can't encode character
    文件夹下 文件计数
    the largest value you actually can transmit between the client and server is determined by the amount of available memory and the size of the communications buffers.
    the “identity” of an object
    广告特征 用户特征
    如果一个维度全覆盖,则有效维度应该对该维度全覆盖
    a high-level neural networks AP
    使用 LDA 挖掘的用户喜好主题
  • 原文地址:https://www.cnblogs.com/ITGirl00/p/3282026.html
Copyright © 2020-2023  润新知