分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

杨韬的Markdown自定义CSS样式

发布时间:2023-09-06 01:39责任编辑:胡小海关键词:CSS

效果

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样式

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved