国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

自定義簡潔博客園布局樣式

番茄西紅柿 / 1985人閱讀

摘要：自定義主體樣式參數在皮膚里先挑一個現成的模板開始我們的定制之旅，這里我選了，我還是喜歡這種樸素的風格。選擇模板上圖成品的修改源碼如下能明白上述樣式原理，那么就可以繼續定制元素和表格定制定制表格元素其他參數設置

自定義主體樣式參數

在皮膚里先挑一個現成的模板開始我們的定制之旅，這里我選了SimpleMemory，我還是喜歡這種樸素的風格。

選擇SimpleMemory模板

上圖成品的修改源碼如下：

body {
    background-color: #176d4694;
}

#home {
    width: 90%;
    background-color: #fff;
}
.catListTitle {
    font-size:2.35em;
    margin-top:21px;
    margin-bottom:10.5px;
    border-left:10px solid #0275c6;
    padding:10px 0 10px 14px;
    background-color:#f7f7f7;
}
#navList {
    font-size: 18px;
}
#navList a {
    padding-top:15%;
}
#navList a:hover {
    color:#0275c6;
}

能明白上述樣式原理，那么就可以繼續定制h1,h2,h3元素和表格

定制h1,h2,h3

#cnblogs_post_body h1 {
    background: #265B8A;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: FZShuTi；
    font-size: 23px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 12px 0 8px 5px;
    text-shadow: 2px 2px 3px #222222;
    text-align:center;
    margin-bottom: 20px;
}
#cnblogs_post_body h2 {
background-color: #008FC6;
    border-radius: 3px;
    text-align:center;
    color: white;
    text-shadow: 1px 1px 2px #222222;
    padding-left: 15px;
    margin-bottom: 12px;
}
#cnblogs_post_body h3 {
background-color: #51C332;
    border-radius: 3px;
    text-align:center;
    color: white;
    text-shadow: 1px 1px 2px #222222;
    padding: 5px 15px;
    margin-bottom: 10px;
    width:50%
}

定制表格元素

#cnblogs_post_body table {
    text-align: center;
    width: 100%;
    border: 1px solid #dedede;
    margin: 15px 0;
    border-collapse: collapse;
}
#cnblogs_post_body table thead tr {
    background: #f8f8f8;
}
#cnblogs_post_body table tbody tr:hover {
    background: #efefef;
}

其他參數設置

code {
    padding: 1px 3px;
    margin: 0 3px;
    background: #ffffd;
    border: 1px solid #ccc;
    font-family: Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;
    word-wrap: break-word;
    font-size: 14px;
}

 

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/2212.html

相關文章

  • 前端小白也能快速學會的博客園博客美化全攻略

    摘要：前端小白也能快速學會的博客園博客美化全攻略呦，博客園的自我修養是什么第一條，別只顧收藏和偷師呀，記得點推薦或關注本人喔美化方法論簡介一般而言，需要選一個默認的，然后在該基礎上調整?；蛘咭部蛇M博客園園子頁面，發狀態博客園團隊，申請開通權限。 前端小白也能快速學會的博客園博客美化全攻略 A呦V，博客園er的自我修養是什么？第一條，別只顧收藏和偷師呀，記得點推薦或關注本人喔~ 美化方法論簡...

    StonePanda 評論0 收藏0

  • css常見的各種布局上（兩列布局）

    摘要：目錄一大結構上的導航欄和內容區域兩欄布局博客園為例騰訊課堂個人中心頁慕課網個人中心頁個人中心頁二版的結構三類似九宮格布局的兩列結構四圖文兩列布局左圖右文字非垂直居中，左圖，右固定行數的文字，右側文字和左邊圖片垂直居中。目錄：一、大結構上的導航欄和內容區域兩欄布局1、博客園為例2、騰訊課堂個人中心頁3、慕課網個人中心頁4、github個人中心頁二、mini版的nav+cont結構三、類似九宮格...

    番茄西紅柿 評論0 收藏0

  • 博客園自定義樣式

    摘要：個人比較喜歡用來編寫博客，但是博客園自帶的編輯器真的不是很友好啊。。。。。還好，博客園比較人性化的有頁面樣式的自定制功能。 碎碎念： 已經很長時間沒有更新過博客了，分析一下，一個是太懶了。。。所以很久沒整理一下了。 還有就是嫌棄博客園默認的博客界面真的太丑了，作為顏控的我真的無法忍受啊。 個人比較喜歡用makedown來編寫博客，但是博客園自帶的編輯器真的不是很友好啊。。。。。 還...

    ASCH 評論0 收藏0

  • 設置博客園標題樣式

    摘要：博客園設置博客設置，點擊頁面上的權限申請，然后填寫申請的理由，耐心等幾分鐘，再刷新一下，頁面就會顯示支持代碼，博客園也會在用戶郵箱給你發送是否開通權限的郵件。1.向博客園申請js權限 　我們需要進入博客園自定義博客模板的頁面，向博客園管理團隊申請頁面運行js的權限。【博客園】->【設置】->【博客設置】，點擊頁面上的js權限申請，然后填寫申請的理由，耐心等幾分鐘，再刷新一下，頁面就會顯示支持...

    番茄西紅柿 評論0 收藏0

  • [學習交流]博客園 cnblog 添加github鏈接和自定義美化學習

    2018.12.30更新 --------------------------------------------------------------------分割線--------------------------------------------------------------------------------- 認識博客園的組件 選擇皮膚：設置-博客設置-（該皮膚為簡潔） 下面...

    番茄西紅柿 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<