1. 风格特点

:root{
      --article-background-image:
    repeating-linear-gradient(45deg, #e0e0e0 0, #e0e0e0 1px, transparent 1px, transparent 10px),
    repeating-linear-gradient(-45deg, #e0e0e0 0, #e0e0e0 1px, transparent 1px, transparent 10px);
  --article-background-color: #ffffff;
}

2. 图片和引用

.image-with-caption- {
  border: 3px dashed #333;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 6px 6px 0 #aaa;
  padding: 20px;
  font-family: 'Comic Sans MS', cursive;
	}
.image-with-caption {
  background-color: #fefefe;
  border: 4px solid #000;
  clip-path: polygon(10px 0%, 100% 0%, 100% 90%, 90% 100%, 0% 100%, 0% 10%);
  padding: 20px;
}
blockquote {
  border: 6px solid transparent;
  border-image: linear-gradient(45deg, #6b0, #372) 30;
}