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>
  • 相关阅读:
    RHEL 6.3 详细安装教程
    如何利用sendmail发送外部邮件?
    阿里云API网关(14)流控策略
    阿里云API网关(13)请求身份识别:客户端请求签名和服务网关请求签名
    OpenID Connect 是什么?
    OpenID Connect + OAuth2.0
    OAuth是什么?
    OpendID是什么?
    【华为无线路由器】连接【广电光纤入户设备】宽带上网
    windows7.0旗舰版安装后控制面板自带的Microsoft程序
  • 原文地址:https://www.cnblogs.com/zhangjianbin/p/6260582.html
Copyright © 2011-2022 走看看