gitbook之website.css/book.json实例

最新推荐文章于 2025-04-09 16:10:39 发布

jrglinux

最新推荐文章于 2025-04-09 16:10:39 发布

阅读量702

点赞数

分类专栏：基础概念文章标签： css

本文链接：https://blog.csdn.net/qq_23662505/article/details/121114797

版权

本文介绍如何通过自定义CSS文件调整网站的显示风格，包括字体设置、代码块样式、图片居中等，并展示了如何在book.json中配置自定义样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

website.css
在目录下下新建styles/website.css，以下是一个实例

/* @import url(https://fonts.googleapis.com/css?family=Raleway); */
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono);

/* Use Ubuntu font instead of the default Railway font */
body {
   
    font-family: Ubuntu;
    margin: 2rem;
    font-size: 2rem;
}

/* Show keybindings to look like keys on a keyboard */
kbd {
   
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    color: #000000;
    background-color: #f7f7f7;
}

/* Over-ride maximum page width - default 800px
 - if over-ridden then paging arrows can appear over text*/

/*jrglinux, modify your page width*/
.page-inner {
   
    max-width: 80%;
}


.book-body p , .book-body h1,.book-body h2,.book-body h3,.book-body h4,.book-body h5,.book-body h6,.book-body div,.book-body span ,  .summary , .summary li , .summary li a  {
   
    font-family : "Ubuntu", "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial