数字段落html,有序列表和段落设计华丽的网页列表数字

Ordered List

/* list 1 style */

#list1 {

font: italic 1em Georgia, Times, serif;

color: #999999;

}

#list1 p {

font: normal .8em Arial, Helvetica, sans-serif;

color: #000000;

}

/* list 2 styles */

#list2 {

font: italic 1em Georgia, Times, serif;

color: #999;

list-style: lower-roman;

}

#list2 p {

font: normal .85em Georgia, Times, serif;

color: #000;

}

/* list 3 styles */

#list3 {

font: normal 1.1em Arial, Helvetica, sans-serif;

color: #666;

}

#list3 p {

font: normal .7em Arial, Helvetica, sans-serif;

color: #000;

border-left: solid 1px #999;

margin: 0;

padding: 0 0 1em 1em;

}

1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc euismod adipiscing magna. Quisque sollicitudin nisi a nisi feugiat suscipit. Praesent molestie. Curabitur laoreet, augue in pharetra adipiscing, ipsum lectus blandit leo, quis viverra odio purus eget lectus.

2. Cras vitae libero. Duis sed pede id erat laoreet varius. Ut felis est, aliquet ut, dictum at, consectetuer sed, ante. Mauris aliquam leo at pede pharetra condimentum.

3. Ut arcu mauris, blandit at, porttitor vel, scelerisque vitae, nunc. Vivamus consequat tellus. Vivamus sed magna ut urna dictum ultrices. Curabitur at libero molestie eros imperdiet semper.

1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc euismod adipiscing magna. Quisque sollicitudin nisi a nisi feugiat suscipit. Praesent molestie. Curabitur laoreet, augue in pharetra adipiscing, ipsum lectus blandit leo, quis viverra odio purus eget lectus.

2. Cras vitae libero. Duis sed pede id erat laoreet varius. Ut felis est, aliquet ut, dictum at, consectetuer sed, ante. Mauris aliquam leo at pede pharetra condimentum.

3. Ut arcu mauris, blandit at, porttitor vel, scelerisque vitae, nunc. Vivamus consequat tellus. Vivamus sed magna ut urna dictum ultrices. Curabitur at libero molestie eros imperdiet semper.

1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc euismod adipiscing magna. Quisque sollicitudin nisi a nisi feugiat suscipit. Praesent molestie. Curabitur laoreet, augue in pharetra adipiscing, ipsum lectus blandit leo, quis viverra odio purus eget lectus.

2. Cras vitae libero. Duis sed pede id erat laoreet varius. Ut felis est, aliquet ut, dictum at, consectetuer sed, ante. Mauris aliquam leo at pede pharetra condimentum.

3. Ut arcu mauris, blandit at, porttitor vel, scelerisque vitae, nunc. Vivamus consequat tellus. Vivamus sed magna ut urna dictum ultrices. Curabitur at libero molestie eros imperdiet semper.

[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]