码迷,mamicode.com
首页 > Web开发 > 详细

杨韬的Markdown自定义CSS样式

时间:2018-01-25 00:31:44      阅读:508      评论:0      收藏:0      [点我收藏+]

标签:border   例子   颜色   title   效果   css   logs   post   png   

效果

技术分享图片

Markdown例子链接页面

代码


/*主标题*/
#cb_post_title_url{ font-size: 31px; }

/*h2 h3 底纹*/
h2,h3{ background-color: #CBCACA;}

/*引用-左侧线条颜色*/
blockquote {
    border:1em;
    border-left:.5em solid #D9861A;
    background-color: #F2DCF4;
}
/*引用-文字颜色*/
blockquote p {
    color: #713C99;
}

/*代码*/
pre {
    border-radius: 4px;
    border-left: 5px solid #6CE26C;
}

/*表格*/
table {
    width: 100%;
    border: solid #ccc 1px;
}
table tr:hover {
    background: #fbf8e9;
}
table td, .table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

table th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    text-shadow: 0 2px 0 rgba(255,255,255,.5);
    padding: 5px;
}

table th:first-child {
    border-radius: 6px 0 0 0;
}
table th:last-child {
    border-radius: 0 6px 0 0;
}
table th:only-child{
    border-radius: 6px 6px 0 0;
}
table tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
table tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

位置

选项--博客设置--页面定制CSS代码

本文地址
杨韬的学习备忘录

杨韬的Markdown自定义CSS样式

标签:border   例子   颜色   title   效果   css   logs   post   png   

原文地址:https://www.cnblogs.com/ytyt2002ytyt/p/8343674.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!