style.css

# p.caption {
#   color: #777;
#   margin-top: 10px;
# }
# p code {
#  white-space: inherit;
# }
# pre {
#  word-break: normal;
#  word-wrap: normal;
# }
# pre code {
#  white-space: inherit;
# }

/* 设置整个网页的背景颜色为原木护眼色 */  
body {  
  background-color: #f5e0dc; /* 假设的原木护眼色 */  
}  

/* 设置<p>标签的样式，带有caption类 */
p.caption {
  color: #777; /* 设置文字颜色为灰色 (#777) */
  margin-top: 10px; /* 设置顶部外边距为10像素 */
  font-size: 14px; /* 设置字体大小为14像素 */
  font-style: italic; /* 设置字体样式为斜体 */
}

/* 设置<p>标签内的<code>标签的样式 */
p code {
  /* color: #333333; 设置文字颜色为深灰色 (#333333) */
  color: #0945A0; /* 设置文字颜色为深蓝色 (#0945A0) */
  font-family: 'Courier New', Courier, monospace; /* 设置字体为等宽字体 */
  white-space: inherit; /* 继承父元素的空白处理方式 */
  background-color: #f9f9f9; /* 设置背景颜色为浅灰色 (#f9f9f9) */
  padding: 2px 4px; /* 设置内边距为上下2像素，左右4像素 */
  border-radius: 3px; /* 设置边框圆角为3像素 */
}

/* 设置<pre>标签的样式 */
pre {
  word-break: normal; /* 设置单词的折断方式为正常，即仅在必要时才折断单词 */
  word-wrap: normal; /* 设置单词的换行方式为正常，即仅在必要时才换行 */
  background-color: #f4f4f4; /* 设置背景颜色为浅灰色 (#f4f4f4) */
  border: 1px solid #ddd; /* 设置边框为1像素的实线，颜色为浅灰色 (#ddd) */
  padding: 10px; /* 设置内边距为10像素 */
  border-radius: 5px; /* 设置边框圆角为5像素 */
}

/* 设置<pre>标签内的<code>标签的样式 */
pre code {
  white-space: inherit; /* 继承父元素的空白处理方式 */
  font-family: 'Courier New', Courier, monospace; /* 设置字体为等宽字体 */
  color: #333; /* 设置文字颜色为深灰色 (#333) */
}