個人博客園主題配置

皮膚

在 配置頁面 選擇 SimpleMemory

博文內容 css 配置

在 【頁面定製CSS代碼】 填入如下內容：

/* 爲圖片設置陰影 */
#cnblogs_post_body img {
  border: 1px solid #BFBFBF;
  box-shadow: 5px 5px 5px #888888;
  max-width: 98%;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
}

/* 當鼠標移動到圖片上時，放大 */
#cnblogs_post_body img:hover {
  position: relative;
  max-width: 150%;
  z-index:100;
}

/* 爲標題設置樣式 */
#cnblogs_post_body h1 {
  padding-bottom: 4px;
  border-bottom: 2px solid #999;
  color: #009FAB;
  font-family: "黑體", "宋體", "微軟雅黑", Arial;
  font-size: 27px;
  font-weight: bold;
  height: 30px;
  margin: 20px 0 !important;
  padding: 10px 0 10px 0px;
  text-shadow: 2px 1px 2px lightgray;
}

#cnblogs_post_body h2 {
  padding-bottom: 4px;
  border-bottom: 1px solid #999;
  color: #008891;
  font-family: "黑體", "宋體", "微軟雅黑", Arial;
  font-size: 24px;
  font-weight: bold;
  height: 28px;
  margin: 20px 0 !important;
  padding: 10px 0 10px 0px;
  text-shadow: 2px 1px 2px lightgray;
}

#cnblogs_post_body h3 {
  padding-bottom: 4px;
  color: #005359;
  font-family: "黑體", "宋體", "微軟雅黑", Arial;
  font-size: 20px;
  font-weight: bold;
  height: 50%;
  margin: 20px 0 !important;
  padding: 10px 0 10px 0px;
  text-shadow: 2px 1px 2px lightgray;
}

/* 爲連接設置顏色 */
#cnblogs_post_body a {
  color: #3D81EE;
  text-decoration: none;
}

/* 當鼠標放在連接上面時，修改連接的顏色，而且添加下劃線 */
#cnblogs_post_body a:hover {
  color: #CC3300;
  text-decoration: underline;
}

/* 表頭內容強制在一行顯示 */
table th {
  white-space: nowrap;
}

/* 表格第一列強制不換行 */
table td:nth-child(1) {
  white-space: nowrap;
}