使用 CSS 制作有序列表样式需要使用到list-style-type属性。该属性用于设置列表项标记的类型，常用的有序列表标记类型包括数字、小写字母、大写字母、罗马数字等。下面是一些常用的有序列表样式及其对应的list-style-type属性值：
list-style-type: decimal;list-style-type: lower-alpha;list-style-type: upper-alpha;list-style-type: upper-roman;除了以上常用的标记类型外，还可以使用自定义图标作为列表项标记，这需要使用到list-style-image属性。该属性用于设置列表项标记的图像，可以使用图片的 URL 或者 data URI。例如：
list-style-image: url("bullet.png");此外，list-style-position属性用于设置列表项标记的位置，常用的有两个值，inside表示标记在列表项内容内部，outside表示标记在列表项内容外部（默认）。
综上所述，我们可以使用 CSS 来制作各种有序列表样式。以下是一个示例：
ol {
list-style-type: upper-roman;
list-style-position: inside;
}
ol li {
margin: 10px 0;
}
ol li:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ff0000;
display: inline-block;
margin-right: 10px;
}以上样式将有序列表的标记设置为罗马数字，位置在列表项内容内部。同时，使用before伪元素来添加自定义的标记样式，例如一个红色的圆点。