我做了一个竖状的长方形div,我想在它右侧加刻度线,根据他的长度每25%标注一次,分别为0,25,50,75,100

可以使用 `:after` 伪元素来实现这个效果，具体代码如下：

div {
  width: 200px;
  height: 400px;
  position: relative; /* 设置为相对定位 */
}

div:after {
  content: "";
  position: absolute; /* 设置为绝对定位 */
  top: 0;
  bottom: 0;
  right: -10px; /* 设置为 div 的右侧 */
  width: 10px; /* 刻度线的宽度 */
  background-color: #333; /* 刻度线的颜色 */
  background-image: linear-gradient(#333 1px, transparent 1px); /* 刻度线的间隔效果 */
  background-size: 100% 25%; /* 刻度线的间隔高度 */
}

div:after {
  /* 第一个刻度线 */
  top: 0%;
  content: "0";
}

div:after {
  /* 第二个刻度线 */
  top: 25%;
  content: "25";
}

div:after {
  /* 第三个刻度线 */
  top: 50%;
  content: "50";
}

div:after {
  /* 第四个刻度线 */
  top: 75%;
  content: "75";
}

这里使用了 `:after` 伪元素来创建刻度线，通过设置 `right` 属性将其放在 div 的右侧。同时，通过 `background-image` 和 `background-size` 属性来设置刻度线的间隔效果和高度。最后，通过设置 `content` 属性来显示刻度线的数值。