HTML5文字段落怎么分段,HTML5 段落编号

CSS

语言：

CSSSCSS

确定

html, body {

height: 100%; }

body {

margin: 50px;

font-size: 100%;

line-height: 1.5;

font-family: Roboto;

background: #199f9e;

background: -webkit-radial-gradient(circle, #1aa3a2, #0b4746);

background: radial-gradient(circle, #1aa3a2, #0b4746); }

*, *:before, *:after {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box; }

.cf:before, .cf:after {

content: " ";

display: table; }

.cf:after {

clear: both; }

.cf {

*zoom: 1; }

.wrapper {

width: 600px;

margin: 50px auto;

background: #fff;

padding: 2em; }

ol {

counter-reset: my-counter;

list-style-type: none; }

ol ol {

margin-left: 0.9em; }

ol li {

counter-increment: my-counter;

line-height: 1.5; }

ol li:before {

content: counters(my-counter, ".") ".";

font-weight: 700;

text-transform: uppercase;

padding-right: 3px; }

h1 {

font-family: "Fjalla One", sans-serif;

font-size: 2em;

text-transform: uppercase;

font-weight: 400;

color: #199f9e;

border-bottom: 1px solid #199f9e;

margin-bottom: 1em; }