杨韬的Markdown自定义CSS样式

效果

样例杨韬的Python/Jupyter学习笔记
Markdown例子链接页面

代码

/*主标题*/
#cb_post_title_url{ font-size: 31px; }/*h1,h2,h3 底纹*/
.blogpost-body h2 {background: #2B6695;text-align: center;border-radius: 6px 6px 6px 6px;box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);color: #FFFFFF; margin: 15px 0 !important;padding: 2px 0px 3px 0px;text-shadow: 2px 2px 3px #222222;}
.blogpost-body h3 {background: #2B6600;text-align: center;border-radius: 6px 6px 6px 6px;box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);color: #FFFFFF; margin: 15px 0 !important;padding: 0px 0px 2px 0px;text-shadow: 2px 2px 3px #222222;}/*引用-左侧线条颜色*/
blockquote {border:1em;border-left:.5em solid #D9861A;background-color: #F3E9F4;
}
/*引用-文字颜色*/
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);
}

位置

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

CSS样式参考了http://www.cnblogs.com/xiaoliangge/p/8373100.html
本文地址
杨韬的学习备忘录

转载于:https://www.cnblogs.com/ytyt2002ytyt/p/8343674.html

杨韬的Markdown自定义CSS样式相关推荐

自定义css样式美化博客园
写在前面 csdn的markdown放到博客园里感觉风格迥异,所以还是找个好点的css吧,css这个我没有深入了解,拼凑了一个css.对于有python代码,而且需要自动生成目录的博文很有帮助,其他的 ...
Layui自定义css样式
Layui自定义css样式一般原始的样式并不满足开发需求,那么如何自定义layui 样式呢? <style>body {background-color: #009688;color: ...
Java使用QQ邮箱或网易163邮箱发送自定义CSS样式邮件
Java使用QQ邮箱或网易163邮箱发送自定义CSS样式邮件前言一.战前准备 1.导入依赖 2.配置文件 3.邮箱工具类二.战争开始 1.QQ邮箱发送 2.网易邮箱发送战后反思前言我们可能 ...
一键换肤自定义css样式实现
在项目中有很多时候都有一键换肤的需求.刚好接了这样的一个需求,就把过程记录下来. 我用了自定义css来实现. 创建皮肤样式文件定义css样式名称样式名称必须是以 – 开头文件内引用皮肤样式设置 ...
分享一款Markdown的css样式
使用本样式在这个样式的基础上做了一些修改, 主要是对于表格和代码块以及一些细节的修改. 主要目的是用在chrome的扩展 Markdown Preview Plus中, 替换其内置的样式. 由于 M ...
extjs 添加css样式_ExtJS自定义css样式
[ 1.使用工具: <1>Firebug: 能方便得出页面中各个元素的css标记名: (1) Firebug 的下载.安装: ...
自定义css样式结合js控制audio做音乐播放器
最近工作需求需要播放预览一些音乐资源,所以自己写了个控制audio的音乐播放器. 实现的原理主要是通过js调整audio的对象属性及对象方法来进行控制: 1.通过play().pause()来控制音乐 ...
解决Vue用v-html、v-text渲染后台富文本框文本内容样式修改问题，用自定义css样式无法渲染出对应效果的问题
举例: 如果您要加载富文本框内容的DOM id是detail 那么就这么写scss样式 #detail {font-size: 14px;text-align: center;&>> ...
Echarts tooltip 自定义 css 样式带小三角的背景样式
var geoCoordMap = { '上海': [121.4648,31.2891], '东莞': [113.8953,22.901], '东营': [118.7073,3 ...
[JS]JS模拟Alert弹出框效果--自定义CSS样式
function alertMsg(msg, mode) { //mode为空,即只有一个确认按钮,mode为1时有确认和取消两个按钮msg = msg || '';mode = mode || 0; ...

杨韬的Markdown自定义CSS样式

效果

代码

位置

杨韬的Markdown自定义CSS样式相关推荐

最新文章

热门文章