zoukankan      html  css  js  c++  java
  • 我定义的博客样式

    博客首页样式

    //首页宽显示样式
    #home {
        margin: 0 auto;
        width: 90%;
        min-width: 950px;
        background-color: #fff;
        padding: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }
    //导航样式
    #blogTitle h1 a {
        font-size: 40px;
    }
    #navList {
        font-size: 18px;
    }
    #navList a{
      padding-top:15%;
    }
    #navList a:hover{
     color:#4c9ed9;
    }
    
    //侧栏标题样式
    #sideBar {
        font-size: 18px;
    }
    .catListTitle {
        font-size: 2.35em;
        margin-top: 21px;
        margin-bottom: 10.5px;
        border-left:10px solid #FF9933;
        padding:10px 0 10px 14px;
        background-color:#f7f7f7;
    }
    
    #标签内容列表样式
    #myposts .postDesc2 {
        font-size: 18px;
        float: none;
    }
    .postTitl2 {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 24px;
    }

    博客签名

    <div style="position: fixed; right: 20px; bottom: 30px;" id="div_digga">
        <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #E33100; border: medium none; font-size: 9pt; font-weight: bold; text-decoration: none;">
            <span class="diggnum" style="color: #ffffff; font-size: 9pt;">
                推荐
            </span>
        </div>
    </div>
    <div style="position: fixed; right: 80px; bottom: 30px;" id="div_diggc">
        <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #2DAEBF; border: medium none; font-weight: bold; text-decoration: none;">
            <span class="diggnum">
                <a style="color: #FFFFFF; font-size: 9pt;" href="#top">
                    Top
                </a>
            </span>
        </div>
    </div>
    <div style="position: fixed; right: 20px; bottom: 0;" id="div_diggc">
        <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #FFB515; border: medium none; font-weight: bold; text-decoration: none;">
            <span class="diggnum" style="color: #FFFFFF; font-size: 9pt;">
                收藏
            </span>
        </div>
    </div>
    
    <div style="position: fixed; right: 80px; bottom: 0;" id="div_diggb">
        <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: green; border: medium none; font-weight: bold; text-decoration: none;">
            <span class="diggnum" style="color: #ffffff; font-size: 9pt;">
                关注
            </span>
        </div>
    </div>
    <div style="position: fixed; right: 140px; bottom: 0;" id="div_diggc">
        <div class="diggit" style="height: 20px; background-image: none; color: #FFFFFF; background-color: #19489E; border: medium none; font-weight: bold; text-decoration: none;">
            <span class="diggnum" style="color: #ffffff; font-size: 9pt;">
                评论
            </span>
        </div>
    </div>
  • 相关阅读:
    [Redis-CentOS7]Redis设置连接密码(九)
    [Redis-CentOS7]Redis数据持久化(八)
    PAT Advanced 1101 Quick Sort (25分)
    PAT Advanced 1043 Is It a Binary Search Tree (25分)
    HTTP协议
    PAT Advanced 1031 Hello World for U (20分)
    自然码双拼快速记忆方案
    macOS 原生输入法设置自然码
    PAT Advanced 1086 Tree Traversals Again (25分)
    PAT Advanced 1050 String Subtraction (20分)
  • 原文地址:https://www.cnblogs.com/zhangjianbin/p/6260582.html
Copyright © 2011-2022 走看看